import 'package:flutter/material.dart';

import 'package:frontend/provider/quote_provider.dart';
import 'package:frontend/model/quote.dart';

import 'package:provider/provider.dart';

import 'package:frontend/values/strings.dart';
import 'package:frontend/values/constants.dart';

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

  @override
  Widget build(BuildContext context) {
    //return const Center(child: Text('flashcards! flip flip'));
    final provider = Provider.of<QuoteProvider>(context);
    return Card(
      margin: const EdgeInsets.all(Constants.edgeInset),
      child: Padding(
        padding: const EdgeInsets.all(Constants.edgeInset),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Text('insert random quote body here'),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                TextButton(
                  child: Text('flip around'),
                  onPressed: () {
                    // TODO: flip the card
                  },
                ),
                TextButton(
                  child: Text('next card'),
                  onPressed: () {
                    // TODO: next random card
                  },
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}