TP Listes et grilles

import 'package:flutter/material.dart';

/// Affiche un prix en dinars tunisiens.
String formatPrix(double prix) => '${prix.toStringAsFixed(0)} DT';

class Module {
  final String id;
  final String titre;
  final int heures;
  final double prix;

  const Module({
    required this.id,
    required this.titre,
    required this.heures,
    required this.prix,
  });
}

class Formation {
  final String id;
  final String titre;
  final String niveau;
  final String description;
  final IconData icone;
  final Color couleur;
  final List<Module> modules;

  const Formation({
    required this.id,
    required this.titre,
    required this.niveau,
    required this.description,
    required this.icone,
    required this.couleur,
    required this.modules,
  });

  int get dureeTotale => modules.fold<int>(0, (somme, m) => somme + m.heures);

  double get prixTotal => modules.fold<double>(0, (somme, m) => somme + m.prix);
}

import 'package:flutter/material.dart';

import '../models/formation.dart';

const List<Formation> catalogue = [
  Formation(
    id: 'flutter',
    titre: 'Développement mobile avec Flutter',
    niveau: 'Intermédiaire',
    description: 'Créez des applications Android et iOS à partir d\'un seul code Dart.',
    icone: Icons.phone_android,
    couleur: Color(0xFF0288D1),
    modules: [
      Module(id: 'flutter-1', titre: 'Les bases de Dart', heures: 12, prix: 120),
      Module(id: 'flutter-2', titre: 'Widgets et mise en page', heures: 16, prix: 160),
      Module(id: 'flutter-3', titre: 'Listes, grilles et navigation', heures: 14, prix: 140),
      Module(id: 'flutter-4', titre: 'Formulaires et validation', heures: 10, prix: 100),
    ],
  ),
  Formation(
    id: 'web',
    titre: 'Intégration web HTML / CSS',
    niveau: 'Débutant',
    description: 'Structurez et mettez en forme des pages web modernes et responsives.',
    icone: Icons.language,
    couleur: Color(0xFFE64A19),
    modules: [
      Module(id: 'web-1', titre: 'Structure HTML5', heures: 8, prix: 70),
      Module(id: 'web-2', titre: 'CSS et Flexbox', heures: 12, prix: 100),
      Module(id: 'web-3', titre: 'CSS Grid et responsive', heures: 10, prix: 90),
    ],
  ),
  Formation(
    id: 'php',
    titre: 'Applications web PHP MVC',
    niveau: 'Avancé',
    description: 'Concevez une application web structurée en MVC avec PHP et MySQL.',
    icone: Icons.code,
    couleur: Color(0xFF5E35B1),
    modules: [
      Module(id: 'php-1', titre: 'PHP orienté objet', heures: 14, prix: 140),
      Module(id: 'php-2', titre: 'Le modèle MVC', heures: 12, prix: 120),
      Module(id: 'php-3', titre: 'PDO et MySQL', heures: 10, prix: 100),
      Module(id: 'php-4', titre: 'Sécurité des formulaires', heures: 8, prix: 80),
    ],
  ),
  Formation(
    id: 'bdd',
    titre: 'Bases de données SQL',
    niveau: 'Débutant',
    description: 'Modélisez des données et écrivez des requêtes SQL efficaces.',
    icone: Icons.storage,
    couleur: Color(0xFF2E7D32),
    modules: [
      Module(id: 'bdd-1', titre: 'Modélisation MCD / MLD', heures: 10, prix: 90),
      Module(id: 'bdd-2', titre: 'Requêtes SELECT et jointures', heures: 12, prix: 110),
      Module(id: 'bdd-3', titre: 'Procédures et triggers', heures: 8, prix: 80),
    ],
  ),
  Formation(
    id: 'design',
    titre: 'Maquettage UI avec Figma',
    niveau: 'Débutant',
    description: 'Concevez des interfaces claires avec des composants et des prototypes.',
    icone: Icons.design_services,
    couleur: Color(0xFFC2185B),
    modules: [
      Module(id: 'design-1', titre: 'Frames, grilles et styles', heures: 6, prix: 60),
      Module(id: 'design-2', titre: 'Composants et variantes', heures: 8, prix: 80),
      Module(id: 'design-3', titre: 'Prototypage', heures: 6, prix: 60),
    ],
  ),
  Formation(
    id: 'reseau',
    titre: 'Administration réseau',
    niveau: 'Intermédiaire',
    description: 'Configurez et sécurisez un réseau local d\'entreprise.',
    icone: Icons.router,
    couleur: Color(0xFFF9A825),
    modules: [
      Module(id: 'reseau-1', titre: 'Adressage IP et sous-réseaux', heures: 10, prix: 100),
      Module(id: 'reseau-2', titre: 'Routage et VLAN', heures: 12, prix: 120),
      Module(id: 'reseau-3', titre: 'Pare-feu et VPN', heures: 10, prix: 110),
    ],
  ),
];

import 'package:flutter/foundation.dart';

import 'formation.dart';

class ElementPanier {
  final Formation formation;
  final Module module;

  const ElementPanier(this.formation, this.module);

  /// Clé unique, utilisée par Dismissible.
  String get cle => module.id;
}

class Panier extends ChangeNotifier {
  final List<ElementPanier> _elements = [];

  List<ElementPanier> get elements => List.unmodifiable(_elements);
  int get nombre => _elements.length;
  bool get estVide => _elements.isEmpty;

  int get totalHeures => _elements.fold<int>(0, (s, e) => s + e.module.heures);
  double get totalPrix => _elements.fold<double>(0, (s, e) => s + e.module.prix);

  bool contient(Module m) => _elements.any((e) => e.module.id == m.id);

  /// Identifiants des modules d'une formation déjà présents dans le panier.
  Set<String> modulesDe(Formation f) => _elements
      .where((e) => e.formation.id == f.id)
      .map((e) => e.module.id)
      .toSet();

  /// Remplace les modules choisis pour une formation.
  void definirModules(Formation f, Set<String> idsModules) {
    _elements.removeWhere((e) => e.formation.id == f.id);
    for (final m in f.modules) {
      if (idsModules.contains(m.id)) _elements.add(ElementPanier(f, m));
    }
    notifyListeners();
  }

  /// Retire un élément et renvoie sa position (pour pouvoir l'annuler).
  int retirer(ElementPanier e) {
    final index = _elements.indexWhere((x) => x.cle == e.cle);
    if (index >= 0) {
      _elements.removeAt(index);
      notifyListeners();
    }
    return index;
  }

  /// Réinsère un élément (bouton « Annuler » du SnackBar).
  void inserer(int index, ElementPanier e) {
    if (index < 0 || contient(e.module)) return;
    final position = index > _elements.length ? _elements.length : index;
    _elements.insert(position, e);
    notifyListeners();
  }

  void vider() {
    _elements.clear();
    notifyListeners();
  }
}

import 'package:flutter/material.dart';

import '../models/formation.dart';

class FormationCard extends StatelessWidget {
  final Formation formation;
  final int modulesChoisis;
  final VoidCallback onTap;

  const FormationCard({
    super.key,
    required this.formation,
    required this.onTap,
    this.modulesChoisis = 0,
  });

  @override
  Widget build(BuildContext context) {
    final texte = Theme.of(context).textTheme;

    return Card(
      elevation: 2,
      clipBehavior: Clip.antiAlias,
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
      child: InkWell(
        onTap: onTap,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            Expanded(
              child: Stack(
                children: [
                  Positioned.fill(
                    child: Container(
                      color: formation.couleur.withAlpha(38),
                      child: Icon(formation.icone, size: 48, color: formation.couleur),
                    ),
                  ),
                  if (modulesChoisis > 0)
                    Positioned(
                      top: 8,
                      right: 8,
                      child: Container(
                        padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
                        decoration: BoxDecoration(
                          color: formation.couleur,
                          borderRadius: BorderRadius.circular(12),
                        ),
                        child: Text(
                          '✓ $modulesChoisis',
                          style: const TextStyle(color: Colors.white, fontSize: 12),
                        ),
                      ),
                    ),
                ],
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(10),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    formation.titre,
                    maxLines: 2,
                    overflow: TextOverflow.ellipsis,
                    style: texte.titleSmall,
                  ),
                  const SizedBox(height: 4),
                  Text(
                    '${formation.niveau} • ${formation.dureeTotale} h',
                    style: texte.bodySmall,
                  ),
                  const SizedBox(height: 4),
                  Text(
                    formatPrix(formation.prixTotal),
                    style: texte.labelLarge?.copyWith(color: formation.couleur),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

import '../data/catalogue.dart';
import '../models/formation.dart';
import '../models/panier.dart';
import '../widgets/formation_card.dart';
import 'detail_formation_screen.dart';
import 'panier_screen.dart';

class CatalogueScreen extends StatefulWidget {
  final Panier panier;

  const CatalogueScreen({super.key, required this.panier});

  @override
  State<CatalogueScreen> createState() => _CatalogueScreenState();
}

class _CatalogueScreenState extends State<CatalogueScreen> {
  bool _enGrille = true;
  String _recherche = '';

  List<Formation> get _formationsFiltrees {
    final q = _recherche.trim().toLowerCase();
    if (q.isEmpty) return catalogue;
    return catalogue
        .where((f) =>
            f.titre.toLowerCase().contains(q) || f.niveau.toLowerCase().contains(q))
        .toList();
  }

  void _ouvrirDetail(Formation f) {
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (_) => DetailFormationScreen(formation: f, panier: widget.panier),
      ),
    );
  }

  void _ouvrirPanier() {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (_) => PanierScreen(panier: widget.panier)),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Catalogue des formations'),
        actions: [
          IconButton(
            tooltip: _enGrille ? 'Afficher en liste' : 'Afficher en grille',
            icon: Icon(_enGrille ? Icons.view_list : Icons.grid_view),
            onPressed: () => setState(() => _enGrille = !_enGrille),
          ),
          ListenableBuilder(
            listenable: widget.panier,
            builder: (context, _) => IconButton(
              tooltip: 'Mon panier',
              onPressed: _ouvrirPanier,
              icon: Badge(
                isLabelVisible: widget.panier.nombre > 0,
                label: Text('${widget.panier.nombre}'),
                child: const Icon(Icons.shopping_cart_outlined),
              ),
            ),
          ),
        ],
      ),
      body: Column(
        children: [
          Padding(
            padding: const EdgeInsets.fromLTRB(16, 16, 16, 8),
            child: TextField(
              decoration: const InputDecoration(
                hintText: 'Rechercher une formation…',
                prefixIcon: Icon(Icons.search),
              ),
              onChanged: (v) => setState(() => _recherche = v),
            ),
          ),
          Expanded(
            child: ListenableBuilder(
              listenable: widget.panier,
              builder: (context, _) {
                final formations = _formationsFiltrees;
                if (formations.isEmpty) return const _AucunResultat();
                return _enGrille ? _grille(formations) : _liste(formations);
              },
            ),
          ),
        ],
      ),
    );
  }

  Widget _grille(List<Formation> formations) {
    return GridView.builder(
      padding: const EdgeInsets.all(16),
      gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
        maxCrossAxisExtent: 220,
        mainAxisSpacing: 12,
        crossAxisSpacing: 12,
        childAspectRatio: 0.75, // 167 / 223 comme dans Figma
      ),
      itemCount: formations.length,
      itemBuilder: (context, index) {
        final f = formations[index];
        return FormationCard(
          formation: f,
          modulesChoisis: widget.panier.modulesDe(f).length,
          onTap: () => _ouvrirDetail(f),
        );
      },
    );
  }

  Widget _liste(List<Formation> formations) {
    return ListView.separated(
      padding: const EdgeInsets.all(16),
      itemCount: formations.length,
      separatorBuilder: (_, __) => const SizedBox(height: 8),
      itemBuilder: (context, index) {
        final f = formations[index];
        final choisis = widget.panier.modulesDe(f).length;
        return Card(
          elevation: 1,
          child: ListTile(
            leading: CircleAvatar(
              backgroundColor: f.couleur.withAlpha(38),
              child: Icon(f.icone, color: f.couleur),
            ),
            title: Text(f.titre),
            subtitle: Text(
              '${f.niveau} • ${f.modules.length} modules • ${f.dureeTotale} h'
              '${choisis > 0 ? '\n✓ $choisis module(s) choisi(s)' : ''}',
            ),
            isThreeLine: choisis > 0,
            trailing: Text(formatPrix(f.prixTotal)),
            onTap: () => _ouvrirDetail(f),
          ),
        );
      },
    );
  }
}

class _AucunResultat extends StatelessWidget {
  const _AucunResultat();

  @override
  Widget build(BuildContext context) {
    return const Center(
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Icon(Icons.search_off, size: 64, color: Colors.grey),
          SizedBox(height: 8),
          Text('Aucune formation ne correspond à votre recherche'),
        ],
      ),
    );
  }
}

import 'package:flutter/material.dart';

import '../models/formation.dart';
import '../models/panier.dart';

class DetailFormationScreen extends StatefulWidget {
  final Formation formation;
  final Panier panier;

  const DetailFormationScreen({
    super.key,
    required this.formation,
    required this.panier,
  });

  @override
  State<DetailFormationScreen> createState() => _DetailFormationScreenState();
}

class _DetailFormationScreenState extends State<DetailFormationScreen> {
  late final Set<String> _selection;

  Formation get f => widget.formation;

  @override
  void initState() {
    super.initState();
    _selection = widget.panier.modulesDe(f);
  }

  /// true = tous cochés, false = aucun, null = certains (état indéterminé)
  bool? get _etatTout {
    if (_selection.isEmpty) return false;
    if (_selection.length == f.modules.length) return true;
    return null;
  }

  double get _sousTotal => f.modules
      .where((m) => _selection.contains(m.id))
      .fold<double>(0, (s, m) => s + m.prix);

  void _basculerTout() {
    setState(() {
      if (_etatTout == true) {
        _selection.clear();
      } else {
        _selection.addAll(f.modules.map((m) => m.id));
      }
    });
  }

  void _basculerModule(Module m, bool? coche) {
    setState(() {
      if (coche == true) {
        _selection.add(m.id);
      } else {
        _selection.remove(m.id);
      }
    });
  }

  void _valider() {
    final messenger = ScaffoldMessenger.of(context);
    widget.panier.definirModules(f, _selection);
    Navigator.pop(context);
    messenger.showSnackBar(
      SnackBar(
        content: Text(_selection.isEmpty
            ? '« ${f.titre} » retirée du panier'
            : '${_selection.length} module(s) de « ${f.titre} » dans le panier'),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    final texte = Theme.of(context).textTheme;

    return Scaffold(
      appBar: AppBar(title: Text(f.titre, overflow: TextOverflow.ellipsis)),
      body: ListView(
        padding: const EdgeInsets.all(16),
        children: [
          Card(
            child: Padding(
              padding: const EdgeInsets.all(16),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Row(
                    children: [
                      CircleAvatar(
                        radius: 28,
                        backgroundColor: f.couleur.withAlpha(38),
                        child: Icon(f.icone, color: f.couleur, size: 30),
                      ),
                      const SizedBox(width: 12),
                      Expanded(child: Text(f.titre, style: texte.titleMedium)),
                    ],
                  ),
                  const SizedBox(height: 12),
                  Text(f.description),
                  const SizedBox(height: 12),
                  Wrap(
                    spacing: 8,
                    runSpacing: 8,
                    children: [
                      Chip(avatar: const Icon(Icons.signal_cellular_alt, size: 18), label: Text(f.niveau)),
                      Chip(avatar: const Icon(Icons.schedule, size: 18), label: Text('${f.dureeTotale} h')),
                      Chip(avatar: const Icon(Icons.view_module, size: 18), label: Text('${f.modules.length} modules')),
                    ],
                  ),
                ],
              ),
            ),
          ),
          const SizedBox(height: 16),
          Text('Modules', style: texte.titleMedium),
          const SizedBox(height: 8),
          Card(
            child: Column(
              children: [
                CheckboxListTile(
                  tristate: true,
                  value: _etatTout,
                  onChanged: (_) => _basculerTout(),
                  title: const Text('Tout sélectionner'),
                  controlAffinity: ListTileControlAffinity.leading,
                ),
                const Divider(height: 1),
                ...f.modules.map(
                  (m) => CheckboxListTile(
                    value: _selection.contains(m.id),
                    onChanged: (v) => _basculerModule(m, v),
                    title: Text(m.titre),
                    subtitle: Text('${m.heures} h • ${formatPrix(m.prix)}'),
                    secondary: Icon(Icons.menu_book_outlined, color: f.couleur),
                    controlAffinity: ListTileControlAffinity.leading,
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
      bottomNavigationBar: SafeArea(
        child: Padding(
          padding: const EdgeInsets.all(16),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  const Text('Sous-total'),
                  Text(formatPrix(_sousTotal), style: texte.titleMedium),
                ],
              ),
              const SizedBox(height: 8),
              FilledButton.icon(
                onPressed: _valider,
                icon: const Icon(Icons.add_shopping_cart),
                label: Text('Mettre à jour le panier (${_selection.length})'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

import '../models/formation.dart';
import '../models/panier.dart';

class PanierScreen extends StatelessWidget {
  final Panier panier;

  const PanierScreen({super.key, required this.panier});

  void _retirer(BuildContext context, ElementPanier e) {
    final index = panier.retirer(e);
    ScaffoldMessenger.of(context)
      ..hideCurrentSnackBar()
      ..showSnackBar(
        SnackBar(
          content: Text('« ${e.module.titre} » retiré'),
          action: SnackBarAction(
            label: 'Annuler',
            onPressed: () => panier.inserer(index, e),
          ),
        ),
      );
  }

  Future<void> _vider(BuildContext context) async {
    final ok = await showDialog<bool>(
      context: context,
      builder: (ctx) => AlertDialog(
        title: const Text('Vider le panier ?'),
        content: const Text('Tous les modules sélectionnés seront retirés.'),
        actions: [
          TextButton(onPressed: () => Navigator.pop(ctx, false), child: const Text('Annuler')),
          FilledButton(onPressed: () => Navigator.pop(ctx, true), child: const Text('Vider')),
        ],
      ),
    );
    if (ok == true) panier.vider();
  }

  Future<void> _valider(BuildContext context) async {
    await showDialog<void>(
      context: context,
      barrierDismissible: false,
      builder: (ctx) => AlertDialog(
        icon: const Icon(Icons.check_circle, color: Colors.green, size: 48),
        title: const Text('Inscription enregistrée'),
        content: Text(
          '${panier.nombre} module(s) • ${panier.totalHeures} h\n'
          'Montant : ${formatPrix(panier.totalPrix)}',
          textAlign: TextAlign.center,
        ),
        actions: [
          FilledButton(onPressed: () => Navigator.pop(ctx), child: const Text('Terminer')),
        ],
      ),
    );
    panier.vider();
    if (context.mounted) Navigator.popUntil(context, (route) => route.isFirst);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Mon panier'),
        actions: [
          ListenableBuilder(
            listenable: panier,
            builder: (context, _) => IconButton(
              tooltip: 'Vider le panier',
              icon: const Icon(Icons.delete_outline),
              onPressed: panier.estVide ? null : () => _vider(context),
            ),
          ),
        ],
      ),
      body: ListenableBuilder(
        listenable: panier,
        builder: (context, _) {
          if (panier.estVide) return const _PanierVide();
          final elements = panier.elements;

          return Column(
            children: [
              Expanded(
                child: ListView.separated(
                  itemCount: elements.length,
                  separatorBuilder: (_, __) => const Divider(height: 1),
                  itemBuilder: (context, index) {
                    final e = elements[index];
                    return Dismissible(
                      key: ValueKey(e.cle),
                      direction: DismissDirection.endToStart,
                      background: Container(
                        color: Theme.of(context).colorScheme.error,
                        alignment: Alignment.centerRight,
                        padding: const EdgeInsets.symmetric(horizontal: 24),
                        child: const Icon(Icons.delete, color: Colors.white),
                      ),
                      onDismissed: (_) => _retirer(context, e),
                      child: ListTile(
                        tileColor: Colors.white,
                        leading: CircleAvatar(
                          backgroundColor: e.formation.couleur.withAlpha(38),
                          child: Icon(e.formation.icone, color: e.formation.couleur),
                        ),
                        title: Text(e.module.titre),
                        subtitle: Text('${e.formation.titre} • ${e.module.heures} h'),
                        trailing: Text(formatPrix(e.module.prix)),
                      ),
                    );
                  },
                ),
              ),
              _BarreTotal(panier: panier, onValider: () => _valider(context)),
            ],
          );
        },
      ),
    );
  }
}

class _BarreTotal extends StatelessWidget {
  final Panier panier;
  final VoidCallback onValider;

  const _BarreTotal({required this.panier, required this.onValider});

  @override
  Widget build(BuildContext context) {
    return Material(
      elevation: 8,
      child: SafeArea(
        child: Padding(
          padding: const EdgeInsets.all(16),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Text('Total (${panier.nombre} modules, ${panier.totalHeures} h)'),
                  Text(
                    formatPrix(panier.totalPrix),
                    style: Theme.of(context).textTheme.titleLarge,
                  ),
                ],
              ),
              const SizedBox(height: 12),
              FilledButton.icon(
                onPressed: onValider,
                icon: const Icon(Icons.check),
                label: const Text("Valider l'inscription"),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

class _PanierVide extends StatelessWidget {
  const _PanierVide();

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          const Icon(Icons.remove_shopping_cart_outlined, size: 72, color: Colors.grey),
          const SizedBox(height: 12),
          const Text('Votre panier est vide'),
          const SizedBox(height: 16),
          OutlinedButton.icon(
            onPressed: () => Navigator.pop(context),
            icon: const Icon(Icons.arrow_back),
            label: const Text('Parcourir le catalogue'),
          ),
        ],
      ),
    );
  }
}

import 'package:flutter/material.dart';

import 'models/panier.dart';
import 'screens/catalogue_screen.dart';

void main() => runApp(CatalogueApp());

class CatalogueApp extends StatelessWidget {
  CatalogueApp({super.key});

  /// Instance unique partagée par les trois écrans.
  final Panier panier = Panier();

  // Valeurs reprises des styles Figma
  static const Color primary = Color(0xFF3F51B5);
  static const Color background = Color(0xFFF5F6FA);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Catalogue de formations',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        useMaterial3: true,
        colorScheme: ColorScheme.fromSeed(seedColor: primary),
        scaffoldBackgroundColor: background,
        appBarTheme: const AppBarTheme(
          backgroundColor: primary,
          foregroundColor: Colors.white,
        ),
        inputDecorationTheme: InputDecorationTheme(
          filled: true,
          fillColor: Colors.white,
          border: OutlineInputBorder(borderRadius: BorderRadius.circular(28)),
          contentPadding: const EdgeInsets.symmetric(horizontal: 16),
        ),
        filledButtonTheme: FilledButtonThemeData(
          style: FilledButton.styleFrom(
            minimumSize: const Size.fromHeight(48),
            shape: const StadiumBorder(),
          ),
        ),
      ),
      home: CatalogueScreen(panier: panier),
    );
  }
}

import 'package:flutter_test/flutter_test.dart';
import 'package:tp_catalogue/data/catalogue.dart';
import 'package:tp_catalogue/models/panier.dart';

void main() {
  final flutter = catalogue.firstWhere((f) => f.id == 'flutter');
  final web = catalogue.firstWhere((f) => f.id == 'web');

  test('un panier neuf est vide', () {
    final p = Panier();
    expect(p.estVide, isTrue);
    expect(p.totalPrix, 0);
  });

  test('definirModules ajoute les modules choisis', () {
    final p = Panier()..definirModules(flutter, {'flutter-1', 'flutter-3'});
    expect(p.nombre, 2);
    expect(p.totalHeures, 12 + 14);
    expect(p.totalPrix, 120 + 140);
  });

  test('definirModules remplace la sélection précédente', () {
    final p = Panier()
      ..definirModules(flutter, {'flutter-1', 'flutter-2'})
      ..definirModules(web, {'web-1'})
      ..definirModules(flutter, {'flutter-4'});
    expect(p.modulesDe(flutter), {'flutter-4'});
    expect(p.nombre, 2);
  });

  test('retirer puis inserer restaure la position', () {
    final p = Panier()..definirModules(flutter, {'flutter-1', 'flutter-2', 'flutter-3'});
    final e = p.elements[1];
    final index = p.retirer(e);
    expect(p.nombre, 2);
    p.inserer(index, e);
    expect(p.elements[1].cle, 'flutter-2');
  });

  test('notifie les écouteurs à chaque modification', () {
    final p = Panier();
    var appels = 0;
    p.addListener(() => appels++);
    p.definirModules(web, {'web-1'});
    p.vider();
    expect(appels, 2);
  });
}