decky/lib/screens/deck_list_screen.dart

import 'package:flutter/material.dart';
import 'package:practice_engine/practice_engine.dart';
import '../routes.dart';
import '../services/deck_storage.dart';
import '../data/default_deck.dart';

class DeckListScreen extends StatefulWidget {
  const DeckListScreen({super.key});

  @override
  State<DeckListScreen> createState() => _DeckListScreenState();
}

class _DeckListScreenState extends State<DeckListScreen> {
  final DeckStorage _deckStorage = DeckStorage();
  List<Deck> _decks = [];

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

  void _loadDecks() {
    setState(() {
      _decks = _deckStorage.getAllDecks();
    });
  }

  void _openDeck(Deck deck) {
    Navigator.pushNamed(
      context,
      Routes.deckOverview,
      arguments: deck,
    ).then((_) {
      // Reload decks when returning from overview (in case deck was updated)
      _loadDecks();
    });
  }

  void _deleteDeck(Deck deck) async {
    final confirmed = await showDialog<bool>(
      context: context,
      builder: (context) => AlertDialog(
        title: const Text('Delete Deck'),
        content: Text('Are you sure you want to delete "${deck.title}"? This action cannot be undone.'),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context, false),
            child: const Text('Cancel'),
          ),
          FilledButton(
            onPressed: () => Navigator.pop(context, true),
            style: FilledButton.styleFrom(
              backgroundColor: Colors.red,
            ),
            child: const Text('Delete'),
          ),
        ],
      ),
    );

    if (confirmed == true) {
      _deckStorage.deleteDeck(deck.id);
      _loadDecks();
      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(
            content: Text('${deck.title} deleted'),
            backgroundColor: Colors.green,
          ),
        );
      }
    }
  }

  void _navigateToImport() {
    Navigator.pushNamed(context, Routes.deckImport).then((_) {
      // Reload decks when returning from import
      _loadDecks();
    });
  }

  void _editDeck(Deck deck) {
    Navigator.pushNamed(
      context,
      Routes.deckEdit,
      arguments: deck,
    ).then((updatedDeck) {
      if (updatedDeck != null) {
        _loadDecks();
      }
    });
  }

  void _cloneDeck(Deck deck) {
    // Create a copy of the deck with a new ID and reset progress
    final clonedDeck = deck.copyWith(
      id: '${deck.id}_clone_${DateTime.now().millisecondsSinceEpoch}',
      title: '${deck.title} (Copy)',
      currentAttemptIndex: 0,
      attemptHistory: [],
      questions: deck.questions.map((q) {
        return q.copyWith(
          consecutiveCorrect: 0,
          isKnown: false,
          priorityPoints: 0,
          lastAttemptIndex: -1,
          totalCorrectAttempts: 0,
          totalAttempts: 0,
        );
      }).toList(),
    );

    _deckStorage.saveDeck(clonedDeck);
    _loadDecks();

    if (mounted) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          content: Text('${deck.title} cloned successfully'),
          backgroundColor: Colors.green,
        ),
      );
    }
  }

  void _showAddDeckOptions() {
    showModalBottomSheet(
      context: context,
      builder: (context) => SafeArea(
        child: Padding(
          padding: const EdgeInsets.all(16),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Text(
                'Add New Deck',
                style: Theme.of(context).textTheme.titleLarge,
              ),
              const SizedBox(height: 16),
              // Import JSON
              ListTile(
                leading: const Icon(Icons.upload_file),
                title: const Text('Import JSON'),
                subtitle: const Text('Import a deck from JSON format'),
                onTap: () {
                  Navigator.pop(context);
                  _navigateToImport();
                },
              ),
              const Divider(),
              // Create Manually
              ListTile(
                leading: const Icon(Icons.edit),
                title: const Text('Create Manually'),
                subtitle: const Text('Create a new deck from scratch'),
                onTap: () {
                  Navigator.pop(context);
                  Navigator.pushNamed(context, Routes.deckCreate).then((_) {
                    _loadDecks();
                  });
                },
              ),
              const Divider(),
              // Use Default Quiz
              ListTile(
                leading: const Icon(Icons.quiz),
                title: const Text('Use Default Quiz'),
                subtitle: const Text('Add the default general knowledge quiz'),
                onTap: () {
                  Navigator.pop(context);
                  _useDefaultDeck();
                },
              ),
              const SizedBox(height: 8),
            ],
          ),
        ),
      ),
    );
  }

  void _useDefaultDeck() {
    final defaultDeck = DefaultDeck.deck;
    
    // Check if default deck already exists
    if (_deckStorage.hasDeck(defaultDeck.id)) {
      // If it exists, create a copy with a new ID
      final clonedDeck = defaultDeck.copyWith(
        id: '${defaultDeck.id}_${DateTime.now().millisecondsSinceEpoch}',
      );
      _deckStorage.saveDeck(clonedDeck);
      
      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(
            content: Text('Default deck added successfully'),
            backgroundColor: Colors.green,
          ),
        );
      }
    } else {
      // Save default deck to storage
      _deckStorage.saveDeck(defaultDeck);
      
      if (mounted) {
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(
            content: Text('Default deck added successfully'),
            backgroundColor: Colors.green,
          ),
        );
      }
    }
    
    _loadDecks();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('omotomo'),
        actions: [
          IconButton(
            icon: const Icon(Icons.add),
            tooltip: 'Add Deck',
            onPressed: _showAddDeckOptions,
          ),
        ],
      ),
      body: _decks.isEmpty
          ? Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Icon(
                    Icons.inbox,
                    size: 64,
                    color: Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.3),
                  ),
                  const SizedBox(height: 16),
                  Text(
                    'No decks yet',
                    style: Theme.of(context).textTheme.titleLarge,
                  ),
                  const SizedBox(height: 8),
                  Text(
                    'Tap the + button to add a deck',
                    style: Theme.of(context).textTheme.bodyMedium?.copyWith(
                          color: Theme.of(context).colorScheme.onSurface.withValues(alpha: 0.6),
                        ),
                  ),
                ],
              ),
            )
          : RefreshIndicator(
              onRefresh: () async {
                _loadDecks();
              },
              child: ListView.builder(
                padding: const EdgeInsets.all(12),
                itemCount: _decks.length,
                itemBuilder: (context, index) {
                  final deck = _decks[index];
                  return Card(
                    margin: const EdgeInsets.only(bottom: 12),
                    child: InkWell(
                      onTap: () => _openDeck(deck),
                      borderRadius: BorderRadius.circular(12),
                      child: Padding(
                        padding: const EdgeInsets.all(16),
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Row(
                              children: [
                                Expanded(
                                  child: Column(
                                    crossAxisAlignment: CrossAxisAlignment.start,
                                    children: [
                                      Text(
                                        deck.title,
                                        style: Theme.of(context).textTheme.titleMedium?.copyWith(
                                              fontWeight: FontWeight.bold,
                                            ),
                                      ),
                                      if (deck.description.isNotEmpty) ...[
                                        const SizedBox(height: 4),
                                        Text(
                                          deck.description,
                                          style: Theme.of(context).textTheme.bodySmall,
                                          maxLines: 2,
                                          overflow: TextOverflow.ellipsis,
                                        ),
                                      ],
                                    ],
                                  ),
                                ),
                                PopupMenuButton(
                                  itemBuilder: (context) => [
                                    PopupMenuItem(
                                      child: const Row(
                                        children: [
                                          Icon(Icons.edit, color: Colors.blue),
                                          SizedBox(width: 8),
                                          Text('Edit'),
                                        ],
                                      ),
                                      onTap: () {
                                        Future.delayed(
                                          const Duration(milliseconds: 100),
                                          () => _editDeck(deck),
                                        );
                                      },
                                    ),
                                    PopupMenuItem(
                                      child: const Row(
                                        children: [
                                          Icon(Icons.copy, color: Colors.orange),
                                          SizedBox(width: 8),
                                          Text('Clone'),
                                        ],
                                      ),
                                      onTap: () {
                                        Future.delayed(
                                          const Duration(milliseconds: 100),
                                          () => _cloneDeck(deck),
                                        );
                                      },
                                    ),
                                    PopupMenuItem(
                                      child: const Row(
                                        children: [
                                          Icon(Icons.delete, color: Colors.red),
                                          SizedBox(width: 8),
                                          Text('Delete'),
                                        ],
                                      ),
                                      onTap: () {
                                        Future.delayed(
                                          const Duration(milliseconds: 100),
                                          () => _deleteDeck(deck),
                                        );
                                      },
                                    ),
                                  ],
                                ),
                              ],
                            ),
                            const SizedBox(height: 12),
                            Row(
                              children: [
                                Expanded(
                                  child: _StatChip(
                                    icon: Icons.quiz,
                                    label: '${deck.numberOfQuestions} questions',
                                  ),
                                ),
                                const SizedBox(width: 8),
                                Expanded(
                                  child: _StatChip(
                                    icon: Icons.check_circle,
                                    label: '${deck.knownCount} known',
                                  ),
                                ),
                                const SizedBox(width: 8),
                                Expanded(
                                  child: _StatChip(
                                    icon: Icons.trending_up,
                                    label: '${deck.practicePercentage.toStringAsFixed(0)}%',
                                  ),
                                ),
                              ],
                            ),
                          ],
                        ),
                      ),
                    ),
                  );
                },
              ),
            ),
    );
  }
}

class _StatChip extends StatelessWidget {
  final IconData icon;
  final String label;

  const _StatChip({
    required this.icon,
    required this.label,
  });

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
      decoration: BoxDecoration(
        color: Theme.of(context).colorScheme.surfaceContainerHighest,
        borderRadius: BorderRadius.circular(8),
      ),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          Icon(icon, size: 16),
          const SizedBox(width: 4),
          Flexible(
            child: Text(
              label,
              style: Theme.of(context).textTheme.bodySmall,
              overflow: TextOverflow.ellipsis,
            ),
          ),
        ],
      ),
    );
  }
}