@marcos_feitoza/personal-finance-frontend-core-ui 1.0.0

package/lib/widgets/crypto_trade_form.dart

@@ -0,0 +1,357 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'package:personal_finance_frontend_core_services/services/crypto_service.dart';
+import 'package:personal_finance_frontend_core_services/services/transaction_service.dart';
+import 'package:personal_finance_frontend_core_ui/utils/currency_input_formatter.dart';
+import 'package:personal_finance_frontend_core_ui/widgets/app_widgets.dart';
+
+class CryptoTradeForm extends StatefulWidget {
+  final String accountName;
+  final List<Map<String, dynamic>> portfolioSummary;
+  final Function(Map<String, dynamic> tradeData) onTradeCreated;
+  final String? token;
+
+  const CryptoTradeForm(
+      {Key? key,
+      required this.accountName,
+      required this.portfolioSummary,
+      required this.onTradeCreated,
+      this.token})
+      : super(key: key);
+
+  @override
+  _CryptoTradeFormState createState() => _CryptoTradeFormState();
+}
+
+class _CryptoTradeFormState extends State<CryptoTradeForm> {
+  final _formKey = GlobalKey<FormState>();
+  final TransactionService _transactionService = TransactionService();
+  final CryptoService _cryptoService = CryptoService();
+
+  String _tradeType = 'buy';
+  final _symbolController = TextEditingController();
+  final _quantityController = TextEditingController();
+  final _totalCostController = TextEditingController();
+  final _estimatedSellValueController = TextEditingController();
+  final _dateController = TextEditingController(
+      text: DateFormat('dd/MM/yyyy').format(DateTime.now()));
+  DateTime _selectedDate = DateTime.now();
+  bool _isSubmitting = false;
+  double? _livePriceForSell;
+  bool _isFetchingPrice = false;
+  String? _selectedSellSymbol;
+
+  String currencySymbol = r'$';
+
+  String _formatCurrency(double value) {
+    return '$currencySymbol${value.toStringAsFixed(2)}';
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _quantityController.addListener(_updateEstimatedSellValue);
+    _symbolController.addListener(_handleSymbolChange);
+  }
+
+  @override
+  void dispose() {
+    _symbolController.removeListener(_handleSymbolChange);
+    _quantityController.removeListener(_updateEstimatedSellValue);
+    _symbolController.dispose();
+    _quantityController.dispose();
+    _totalCostController.dispose();
+    _estimatedSellValueController.dispose();
+    _dateController.dispose();
+    super.dispose();
+  }
+
+  void _handleSymbolChange() {
+    if (_symbolController.text.isEmpty) {
+      setState(() {
+        _livePriceForSell = null;
+        _estimatedSellValueController.clear();
+      });
+    }
+  }
+
+  Future<void> _updateEstimatedSellValue() async {
+    if (_tradeType == 'sell') {
+      final symbol = _symbolController.text.toUpperCase();
+      if (symbol.isEmpty) {
+        setState(() {
+          _livePriceForSell = null;
+          _estimatedSellValueController.clear();
+        });
+        return;
+      }
+
+      setState(() {
+        _isFetchingPrice = true;
+        _estimatedSellValueController.text = "Fetching price...";
+      });
+
+      final position = widget.portfolioSummary.firstWhere(
+          (p) => p['symbol'] == symbol, orElse: () => {});
+      if (position.isEmpty) {
+        setState(() {
+          _estimatedSellValueController.text = "Asset not in portfolio";
+          _isFetchingPrice = false;
+        });
+        return;
+      }
+      
+      final idForLookup = (position['id_crypto'] as String? ?? symbol).toLowerCase();
+      final livePrices = await _cryptoService.getLiveCryptoPrices([idForLookup]);
+      final livePrice = livePrices[idForLookup];
+
+      if (!mounted) return;
+
+      setState(() {
+        _livePriceForSell = livePrice;
+        if (livePrice != null) {
+          final shares = double.tryParse(_quantityController.text) ?? 0.0;
+          final estimatedValue = shares * livePrice;
+          _estimatedSellValueController.text = _formatCurrency(estimatedValue);
+        } else {
+          _estimatedSellValueController.text = "Price not available";
+        }
+        _isFetchingPrice = false;
+      });
+    }
+  }
+
+  Future<void> _selectDate(BuildContext context) async {
+    final DateTime? picked = await showDatePicker(
+      context: context,
+      initialDate: _selectedDate,
+      firstDate: DateTime(2000),
+      lastDate: DateTime(2101),
+    );
+    if (picked != null && picked != _selectedDate) {
+      setState(() {
+        _selectedDate = picked;
+        _dateController.text = DateFormat('dd/MM/yyyy').format(_selectedDate);
+      });
+    }
+  }
+
+  Future<void> _submitForm() async {
+    if (!_formKey.currentState!.validate()) {
+      return;
+    }
+
+    final symbol = _symbolController.text;
+    final quantity = double.tryParse(_quantityController.text) ?? 0.0;
+    final totalCost = CurrencyInputFormatter.unformat(_totalCostController.text);
+    final selectedDate = _selectedDate;
+
+    setState(() {
+      _isSubmitting = true;
+    });
+
+    Map<String, dynamic> tradeData;
+
+    if (_tradeType == 'buy') {
+      final validationResult = await _cryptoService.validateCryptoSymbol(symbol);
+      if (validationResult == null) {
+        if (mounted) {
+          ScaffoldMessenger.of(context).showSnackBar(
+            SnackBar(content: Text('Invalid crypto ID: "$symbol"'), backgroundColor: Colors.red),
+          );
+        }
+        setState(() => _isSubmitting = false);
+        return;
+      }
+      tradeData = {
+        'symbol': (validationResult['symbol'] as String).toUpperCase(),
+        'name': validationResult['name'] as String?,
+        'id_crypto': validationResult['id'] as String,
+        'trade_type': 'buy',
+        'shares': quantity,
+        'price': (quantity > 0) ? totalCost / quantity : 0.0,
+        'date': DateFormat('yyyy-MM-dd').format(selectedDate),
+        'investment_account': widget.accountName,
+      };
+    } else { // Sell
+      if (_livePriceForSell == null) {
+        if (mounted) {
+          ScaffoldMessenger.of(context).showSnackBar(
+            const SnackBar(content: Text('Could not get live price. Please try again.'), backgroundColor: Colors.red),
+          );
+        }
+        setState(() => _isSubmitting = false);
+        return;
+      }
+      tradeData = {
+        'symbol': symbol.toUpperCase(),
+        'trade_type': 'sell',
+        'shares': quantity,
+        'price': _livePriceForSell!,
+        'date': DateFormat('yyyy-MM-dd').format(selectedDate),
+        'investment_account': widget.accountName,
+      };
+    }
+
+    final String? errorMessage = await _transactionService.createTrade(tradeData: tradeData, token: widget.token);
+
+    setState(() {
+      _isSubmitting = false;
+    });
+
+    if (mounted) {
+      if (errorMessage != null) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text(errorMessage), backgroundColor: Colors.red),
+        );
+      } else {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Trade created successfully!'), backgroundColor: Colors.green),
+        );
+        widget.onTradeCreated(tradeData);
+        _formKey.currentState!.reset();
+        _symbolController.clear();
+        _quantityController.clear();
+        _totalCostController.clear();
+        _estimatedSellValueController.clear();
+        _selectedSellSymbol = null;
+        _dateController.text = DateFormat('dd/MM/yyyy').format(DateTime.now());
+      }
+    }
+  }
+
+  Widget _buildBuySymbolField() {
+    return AppTextField(
+      controller: _symbolController,
+      labelText: 'Crypto ID (e.g., bitcoin, ethereum)',
+      validator: (value) => (value == null || value.isEmpty) ? 'Please enter a crypto ID' : null,
+    );
+  }
+
+  Widget _buildSellSymbolDropdown() {
+    return DropdownButtonFormField<String>(
+      value: _selectedSellSymbol,
+      hint: const Text('Select Asset to Sell'),
+      isExpanded: true,
+      items: widget.portfolioSummary.map((position) {
+        final symbol = position['symbol'] as String;
+        final shares = double.parse(position['shares'].toString());
+        final sharesString = shares.toStringAsFixed(shares > 1 ? 2 : 6);
+        return DropdownMenuItem<String>(
+          value: symbol,
+          child: Text('$symbol ($sharesString shares)'),
+        );
+      }).toList(),
+      onChanged: (String? newValue) {
+        if (newValue != null) {
+          setState(() {
+            _selectedSellSymbol = newValue;
+            _symbolController.text = newValue;
+            _updateEstimatedSellValue();
+          });
+        }
+      },
+      validator: (value) => value == null ? 'Please select an asset' : null,
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final bool isSell = _tradeType == 'sell';
+    return AppFormCard(
+      title: 'Log a New Crypto Trade',
+      child: Form(
+        key: _formKey,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            SegmentedButton<String>(
+              segments: const <ButtonSegment<String>>[
+                ButtonSegment(value: 'buy', label: Text('Buy')),
+                ButtonSegment(value: 'sell', label: Text('Sell')),
+              ],
+              selected: <String>{_tradeType},
+              onSelectionChanged: (Set<String> newSelection) {
+                setState(() {
+                  _tradeType = newSelection.first;
+                  _symbolController.clear();
+                  _quantityController.clear();
+                  _totalCostController.clear();
+                  _estimatedSellValueController.clear();
+                  _livePriceForSell = null;
+                  _selectedSellSymbol = null;
+                });
+              },
+            ),
+            const SizedBox(height: 16),
+            if (isSell) _buildSellSymbolDropdown() else _buildBuySymbolField(),
+            const SizedBox(height: 16),
+            AppTextField(
+              controller: _quantityController,
+              labelText: 'Quantity',
+              keyboardType: const TextInputType.numberWithOptions(decimal: true),
+              validator: (value) {
+                if (value == null || value.isEmpty) return 'Please enter quantity';
+                if (isSell && _symbolController.text.isNotEmpty) {
+                  final position = widget.portfolioSummary.firstWhere(
+                      (p) => p['symbol'] == _symbolController.text.toUpperCase(),
+                      orElse: () => {});
+                  if (position.isNotEmpty) {
+                    final heldShares = double.parse(position['shares'].toString());
+                    final sellingShares = double.tryParse(value) ?? 0.0;
+                    if (sellingShares > (heldShares + 0.00000001)) {
+                      return 'Cannot sell more than you hold ($heldShares)';
+                    }
+                  }
+                }
+                return null;
+              },
+            ),
+            const SizedBox(height: 16),
+            if (isSell) ...[
+              InputDecorator(
+                decoration: const InputDecoration(
+                  labelText: 'Estimated Sell Value',
+                  border: OutlineInputBorder(),
+                ),
+                child: _isFetchingPrice
+                    ? SizedBox(
+                        height: 24,
+                        child: Row(
+                          children: [
+                            Text('Fetching price...'),
+                            Spacer(),
+                            CircularProgressIndicator(strokeWidth: 2.0),
+                          ],
+                        ),
+                      )
+                    : Text(
+                        _estimatedSellValueController.text.isEmpty
+                            ? '$currencySymbol'
+                            : _estimatedSellValueController.text,
+                        style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
+                      ),
+              ),
+              const SizedBox(height: 16),
+            ],
+            if (!isSell) AppTextField(controller: _totalCostController, labelText: 'Total Purchase Cost', isCurrency: true),
+            const SizedBox(height: 16),
+            AppTextField(
+              controller: _dateController,
+              labelText: 'Date',
+              readOnly: true,
+              onTap: () => _selectDate(context),
+              suffixIcon: IconButton(icon: const Icon(Icons.calendar_today), onPressed: () => _selectDate(context)),
+            ),
+            const SizedBox(height: 20),
+            AppButton(
+              label: 'Log Trade',
+              onPressed: _isSubmitting || _isFetchingPrice ? null : _submitForm,
+              isLoading: _isSubmitting,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

package/lib/widgets/dividend_log_form.dart

@@ -0,0 +1,151 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'package:personal_finance_frontend_core_services/services/transaction_service.dart';
+import 'package:personal_finance_frontend_core_ui/utils/currency_input_formatter.dart';
+import 'package:personal_finance_frontend_core_ui/widgets/app_widgets.dart';
+
+class DividendLogForm extends StatefulWidget {
+  final String investmentAccount;
+  final List<Map<String, dynamic>> assets;
+  final Function onDividendLogged;
+  final String? token;
+
+  const DividendLogForm({
+    Key? key,
+    required this.investmentAccount,
+    required this.assets,
+    required this.onDividendLogged,
+    this.token,
+  }) : super(key: key);
+
+  @override
+  _DividendLogFormState createState() => _DividendLogFormState();
+}
+
+class _DividendLogFormState extends State<DividendLogForm> {
+  final _formKey = GlobalKey<FormState>();
+  final TransactionService _transactionService = TransactionService();
+
+  int? _selectedAssetId;
+  final _amountController = TextEditingController();
+  final _dateController = TextEditingController(text: DateFormat('dd/MM/yyyy').format(DateTime.now()));
+  DateTime _selectedDate = DateTime.now();
+  bool _isSubmitting = false;
+
+  @override
+  void dispose() {
+    _amountController.dispose();
+    _dateController.dispose();
+    super.dispose();
+  }
+
+  Future<void> _selectDate(BuildContext context) async {
+    final DateTime? picked = await showDatePicker(
+      context: context,
+      initialDate: _selectedDate,
+      firstDate: DateTime(2000),
+      lastDate: DateTime(2101),
+    );
+    if (picked != null && picked != _selectedDate) {
+      setState(() {
+        _selectedDate = picked;
+        _dateController.text = DateFormat('dd/MM/yyyy').format(_selectedDate);
+      });
+    }
+  }
+
+  Future<void> _submitForm() async {
+    if (_formKey.currentState!.validate()) {
+      setState(() {
+        _isSubmitting = true;
+      });
+
+      final dividendData = {
+        'asset_id': _selectedAssetId!,
+        'amount': CurrencyInputFormatter.unformat(_amountController.text),
+        'date': DateFormat('yyyy-MM-dd').format(_selectedDate),
+        'investment_account': widget.investmentAccount,
+      };
+
+      final String? errorMessage = await _transactionService.createDividend(dividendData: dividendData, token: widget.token);
+
+      setState(() {
+        _isSubmitting = false;
+      });
+
+      if (mounted) {
+        if (errorMessage != null) {
+          ScaffoldMessenger.of(context).showSnackBar(
+            SnackBar(content: Text(errorMessage), backgroundColor: Colors.red),
+          );
+        } else {
+          ScaffoldMessenger.of(context).showSnackBar(
+            const SnackBar(content: Text('Dividend logged successfully!'), backgroundColor: Colors.green),
+          );
+          widget.onDividendLogged();
+          _formKey.currentState!.reset();
+          _amountController.clear();
+          _dateController.text = DateFormat('dd/MM/yyyy').format(DateTime.now());
+          setState(() {
+            _selectedAssetId = null;
+          });
+        }
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppFormCard(
+      title: 'Log a New Dividend',
+      child: Form(
+        key: _formKey,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            DropdownButtonFormField<int>(
+              value: _selectedAssetId,
+              decoration: const InputDecoration(labelText: 'Asset'),
+              items: widget.assets.map((asset) {
+                return DropdownMenuItem<int>(
+                  value: asset['id'],
+                  child: Text(asset['symbol'] ?? 'Unknown'),
+                );
+              }).toList(),
+              onChanged: (int? newValue) {
+                setState(() {
+                  _selectedAssetId = newValue;
+                });
+              },
+              validator: (value) =>
+                  value == null ? 'Please select an asset' : null,
+            ),
+            const SizedBox(height: 16),
+            AppTextField(
+              controller: _amountController,
+              labelText: 'Amount',
+              isCurrency: true,
+            ),
+            const SizedBox(height: 16),
+            AppTextField(
+              controller: _dateController,
+              labelText: 'Date',
+              readOnly: true,
+              onTap: () => _selectDate(context),
+              suffixIcon: IconButton(
+                icon: const Icon(Icons.calendar_today),
+                onPressed: () => _selectDate(context),
+              ),
+            ),
+            const SizedBox(height: 20),
+            AppButton(
+              label: 'Log Dividend',
+              onPressed: _isSubmitting ? null : _submitForm,
+              isLoading: _isSubmitting,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

package/lib/widgets/edit_transaction_dialog.dart

@@ -0,0 +1,112 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'package:personal_finance_frontend_feature_management/viewmodels/manage_transactions_viewmodel.dart';
+
+class EditTransactionDialog extends StatefulWidget {
+  final Transaction transaction;
+  final ManageTransactionsViewModel viewModel;
+
+  const EditTransactionDialog(
+      {Key? key, required this.transaction, required this.viewModel})
+      : super(key: key);
+
+  @override
+  _EditTransactionDialogState createState() => _EditTransactionDialogState();
+}
+
+class _EditTransactionDialogState extends State<EditTransactionDialog> {
+  final _formKey = GlobalKey<FormState>();
+  late TextEditingController _amountController;
+  late TextEditingController _descriptionController;
+  late TextEditingController _dateController;
+  late DateTime _selectedDate;
+
+  @override
+  void initState() {
+    super.initState();
+    _amountController = TextEditingController(
+        text: NumberFormat.currency(locale: 'en_CA', symbol: '\$')
+            .format(widget.transaction.amount));
+    _descriptionController =
+        TextEditingController(text: widget.transaction.description);
+    _selectedDate = widget.transaction.date;
+    _dateController =
+        TextEditingController(text: DateFormat('yyyy-MM-dd').format(_selectedDate));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      title: const Text('Edit Transaction'),
+      content: Form(
+        key: _formKey,
+        child: SingleChildScrollView(
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: <Widget>[
+              TextFormField(
+                controller: _amountController,
+                decoration: const InputDecoration(labelText: 'Amount'),
+                keyboardType: TextInputType.number,
+              ),
+              TextFormField(
+                controller: _descriptionController,
+                decoration: const InputDecoration(labelText: 'Description'),
+              ),
+              TextFormField(
+                controller: _dateController,
+                decoration: InputDecoration(
+                  labelText: 'Date',
+                  suffixIcon: IconButton(
+                    icon: const Icon(Icons.calendar_today),
+                    onPressed: () async {
+                      final pickedDate = await showDatePicker(
+                        context: context,
+                        initialDate: _selectedDate,
+                        firstDate: DateTime(2000),
+                        lastDate: DateTime(2101),
+                      );
+                      if (pickedDate != null) {
+                        setState(() {
+                          _selectedDate = pickedDate;
+                          _dateController.text =
+                              DateFormat('yyyy-MM-dd').format(_selectedDate);
+                        });
+                      }
+                    },
+                  ),
+                ),
+                readOnly: true,
+              ),
+            ],
+          ),
+        ),
+      ),
+      actions: <Widget>[
+        TextButton(
+          child: const Text('Cancel'),
+          onPressed: () {
+            Navigator.of(context).pop();
+          },
+        ),
+        TextButton(
+          child: const Text('Save'),
+          onPressed: () {
+            if (_formKey.currentState!.validate()) {
+              final amount = double.parse(_amountController.text
+                  .replaceAll(RegExp(r'[^\d.]'), ''));
+              final updatedTransaction = {
+                'amount': amount,
+                'description': _descriptionController.text,
+                'date': DateFormat('yyyy-MM-dd').format(_selectedDate),
+              };
+              widget.viewModel.updateTransaction(
+                  widget.transaction.id, updatedTransaction);
+              Navigator.of(context).pop();
+            }
+          },
+        ),
+      ],
+    );
+  }
+}