5.設定home page

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:hive/hive.dart';
import '../models/expense.dart';
import '../bloc/transaction_bloc.dart';


bool isIncome = false;
class MyCustomAppBar extends StatelessWidget implements PreferredSizeWidget {
  @override
  Size get preferredSize => Size.fromHeight(150.0); // Set AppBar height here

  @override
  Widget build(BuildContext context) {
    return AppBar(
      toolbarHeight: 150,
      title:   Text('Expense',style: TextStyle(color: Colors.white,fontSize:40,letterSpacing: 0.5),textAlign: TextAlign.center,),
      centerTitle: true,
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.vertical(bottom: Radius.circular(10))),
      backgroundColor: Color.fromARGB(255, 130, 104, 183),
  );
}
  @override
  bool shouldReclip(CustomClipper<Path> oldClipper) => false;
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar:MyCustomAppBar(),
      body: _buildBody(context),
      floatingActionButton: IconButton(
        hoverColor: Colors.deepPurple[50],
        icon: Icon(Icons.add, size: 80, color: Colors.deepPurple[200]),
        onPressed: () => _showAddTransactionDialog(context),
      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      bottomNavigationBar: BottomAppBar(
        color: Colors.white70,
        shape: CircularNotchedRectangle(),
        notchMargin: 10,
        child: _buildFloatingActionButtons(context),
      ),
    );
  }

  Widget _buildBody(BuildContext context) {
    return BlocBuilder<TransactionBloc, TransactionState>(
      builder: (context, state) {
        if (state is TransactionsLoaded) {
          return _buildTransactionList(state);
        }
        return const Center(child: CircularProgressIndicator());
      },
    );
  }



  Widget _buildTransactionList(TransactionsLoaded state) {
    return ListView.builder(
      itemCount: state.transactions.length,
      itemBuilder: (context, index) {
        final trans = state.transactions[index];
        return Card(
          color: Color.fromARGB(179, 232, 216, 251),
          child: ListTile(

            title: Text(trans.title, style: TextStyle(fontSize: 30, color: Colors.deepPurple[300], fontWeight: FontWeight.bold),textAlign: TextAlign.left,), 
            subtitle: Text("NT:${trans.amount.toInt().toString()}元",style: TextStyle(fontSize: 20, color: Colors.black87,letterSpacing: 2 )),
            trailing: IconButton(
              icon: const Icon(Icons.delete,size: 30,),
              onPressed: () {
                BlocProvider.of<TransactionBloc>(context).add(
                  DeleteTransaction(trans),
                );
              },
            ),
          ),
        );
      },
    );
  }

  Widget _buildFloatingActionButtons(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      children: [
        BlocBuilder<TransactionBloc, TransactionState>(
          builder: (context, state) => IconButton(
            onPressed: () {
              BlocProvider.of<TransactionBloc>(context).add(
                ClearTransactions(),
              );
            },
            icon: Icon(Icons.delete, size: 30),
          ),
        ),
        IconButton(
          onPressed: () {
            final transactionBox = Hive.box<Transaction>('transactions');
            final totalAmount = (transactionBox.values.isEmpty ||
                    transactionBox.values.map((t) => t.amount).reduce((a, b) => a + b) == 0.0)
                ? "沒錢啦QAQ"
                : transactionBox.values.map((t) => t.amount).reduce((a, b) => a + b).toString();
            showDialog(
              context: context,
              builder: (BuildContext context) {
                return AlertDialog(
                  title: Text('Total Amount',
                      style: TextStyle(fontSize: 30, color: Colors.black54, fontWeight: FontWeight.bold)),
                  content: Text('餘額剩下: $totalAmount',
                      style: TextStyle(color: Colors.deepPurple[300], fontSize: 15.0)),
                  actions: [
                    ElevatedButton(
                      child: Text('Close'),
                      onPressed: () {
                        Navigator.of(context).pop();
                      },
                    ),
                  ],
                );
              },
            );
          },
          icon: Icon(Icons.face, size: 30),
        )
      ],
    );
  }

  void _showAddTransactionDialog(BuildContext context) {
    final titleController = TextEditingController();
    final amountController = TextEditingController();

    showDialog(
      context: context,
      builder: (context) {
        return AlertDialog(
          title: Text('新增收支紀錄',
              style: TextStyle(fontSize: 30, color: Colors.black54, fontWeight: FontWeight.bold)),
          content: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              TextField(
                controller: titleController,
                decoration: InputDecoration(labelText: '名稱'),
              ),
              TextField(
                controller: amountController,
                decoration: InputDecoration(labelText: '金額'),
                keyboardType: TextInputType.number,
              ),
              StatefulBuilder(
                builder: (BuildContext context, StateSetter setState) {
                  return SwitchListTile(
                    title: Text(isIncome ? '收入' : '支出'),
                    value: isIncome,
                    onChanged: (bool value) {
                      setState(() {
                        isIncome = value;
                      });
                    },
                  );
                },
              ),
            ],
          ),
          actions: [
            TextButton(
              child: Text('取消'),
              onPressed: () => Navigator.of(context).pop(),
            ),

            TextButton(
              child: Text('確定'),
              onPressed: () => int.tryParse(amountController.text) != null ? _addTransaction(context, titleController, amountController) : null,

            ),
          ],
        );
      },
    );
  }

  void _addTransaction(BuildContext context, TextEditingController titleController, TextEditingController amountController) {
    final transactions = Hive.box<Transaction>('transactions');
    final title = titleController.text;
    final amount = int.parse(amountController.text) * (isIncome ? 1 : -1);

    final key = transactions.values.length;

    final newTransaction = Transaction(title: title, amount: amount.toDouble(), key: key);

    BlocProvider.of<TransactionBloc>(context).add(
      AddTransaction(newTransaction),
    );

    Navigator.of(context).pop();
  }


}