import 'package:flutter/material.dart';
import 'package:gamer_updater/db.dart';
import 'package:gamer_updater/game.dart';
import 'package:gamer_updater/widgets/new_game_card.dart';
import 'package:gamer_updater/widgets/game_card.dart';

void main() async {
  await DB.init();

  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Gamer Updater',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      darkTheme: ThemeData(
        brightness: Brightness.dark,
        useMaterial3: true,
        scaffoldBackgroundColor: Colors.black,
        colorSchemeSeed: Colors.deepPurple,
        cardTheme: CardTheme(
          color: Colors.grey[900],
          elevation: 4,
          margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
        ),
        textTheme: const TextTheme(
          titleLarge: TextStyle(fontSize: 22, fontWeight: FontWeight.bold),
          bodyLarge: TextStyle(fontSize: 18),
          bodyMedium: TextStyle(fontSize: 16),
          bodySmall: TextStyle(fontSize: 14),
        ),
      ),
      themeMode: ThemeMode.system,
      home: const MyHomePage(title: 'Gamer Updater'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});
  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  late List<Game> games = [];

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

  Future<void> _refreshGames() async {
    final games = await GameRepository.getAll();
    setState(() {
      this.games = games;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
        actions: [
          IconButton(icon: const Icon(Icons.refresh), onPressed: _refreshGames),
        ],
      ),
      body: RefreshIndicator(
        onRefresh: _refreshGames,
        child: GridView.builder(
          padding: const EdgeInsets.all(8),
          gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 3,
            childAspectRatio: 1.3,
            crossAxisSpacing: 4,
            mainAxisSpacing: 4,
          ),
          itemCount: games.length + 1, // +1 for the new game card
          itemBuilder: (context, index) {
            if (index == games.length) {
              return NewGameCard(
                onGameCreated: (game) async {
                  game = await GameRepository.upsert(game);
                  setState(() {
                    games.add(game);
                  });
                },
              );
            }
            return GameCard(
              game: games[index],
              onGameUpdated: (game) async {
                game = await GameRepository.upsert(game);
                setState(() {
                  games[index] = game;
                });
              },
              onDelete: () async {
                await GameRepository.delete(games[index]);
                setState(() {
                  games.removeAt(index);
                });
              },
            );
          },
        ),
      ),
    );
  }
}