import 'package:flutter/material.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:isar/isar.dart'; import 'package:stackwallet/db/main_db.dart'; import 'package:stackwallet/models/isar/models/isar_models.dart'; import 'package:stackwallet/pages/coin_control/utxo_card.dart'; import 'package:stackwallet/pages/coin_control/utxo_details_view.dart'; import 'package:stackwallet/providers/global/wallets_provider.dart'; import 'package:stackwallet/utilities/constants.dart'; import 'package:stackwallet/utilities/enums/coin_enum.dart'; import 'package:stackwallet/utilities/format.dart'; import 'package:stackwallet/utilities/text_styles.dart'; import 'package:stackwallet/utilities/theme/stack_colors.dart'; import 'package:stackwallet/widgets/background.dart'; import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart'; import 'package:stackwallet/widgets/desktop/primary_button.dart'; import 'package:stackwallet/widgets/desktop/secondary_button.dart'; import 'package:stackwallet/widgets/icon_widgets/x_icon.dart'; import 'package:stackwallet/widgets/rounded_white_container.dart'; import 'package:stackwallet/widgets/toggle.dart'; import 'package:tuple/tuple.dart'; enum CoinControlViewType { manage, use; } class CoinControlView extends ConsumerStatefulWidget { const CoinControlView({ Key? key, required this.walletId, required this.type, this.requestedTotal, this.selectedUTXOs, }) : super(key: key); static const routeName = "/coinControl"; final String walletId; final CoinControlViewType type; final int? requestedTotal; final Set? selectedUTXOs; @override ConsumerState createState() => _CoinControlViewState(); } class _CoinControlViewState extends ConsumerState { bool _showBlocked = false; final Set _selectedAvailable = {}; final Set _selectedBlocked = {}; @override void initState() { if (widget.selectedUTXOs != null) { _selectedAvailable.addAll(widget.selectedUTXOs!); } super.initState(); } @override Widget build(BuildContext context) { debugPrint("BUILD: $runtimeType"); final coin = ref.watch( walletsChangeNotifierProvider.select( (value) => value .getManager( widget.walletId, ) .coin, ), ); final ids = MainDB.instance .getUTXOs(widget.walletId) .filter() .isBlockedEqualTo(_showBlocked) .idProperty() .findAllSync(); return WillPopScope( onWillPop: () async { Navigator.of(context).pop( widget.type == CoinControlViewType.use ? _selectedAvailable : null); return false; }, child: Background( child: Scaffold( backgroundColor: Theme.of(context).extension()!.background, appBar: AppBar( leading: widget.type == CoinControlViewType.use && _selectedAvailable.isNotEmpty ? AppBarIconButton( icon: XIcon( width: 24, height: 24, color: Theme.of(context) .extension()! .topNavIconPrimary, ), onPressed: () { setState(() { _selectedAvailable.clear(); }); }, ) : AppBarBackButton( onPressed: () { Navigator.of(context).pop( widget.type == CoinControlViewType.use ? _selectedAvailable : null); }, ), title: Text( "Coin control", style: STextStyles.navBarTitle(context), ), titleSpacing: 0, ), body: SafeArea( child: Column( children: [ Expanded( child: Padding( padding: const EdgeInsets.symmetric( horizontal: 16, ), child: Column( children: [ const SizedBox( height: 10, ), RoundedWhiteContainer( child: Text( "This option allows you to control, freeze, and utilize " "outputs at your discretion. Tap the output circle to " "select.", style: STextStyles.w500_14(context).copyWith( color: Theme.of(context) .extension()! .textSubtitle1, ), ), ), const SizedBox( height: 10, ), SizedBox( height: 48, child: Toggle( key: UniqueKey(), onColor: Theme.of(context) .extension()! .popupBG, onText: "Available outputs", offColor: Theme.of(context) .extension()! .textFieldDefaultBG, offText: "Frozen outputs", isOn: _showBlocked, onValueChanged: (value) { setState(() { _showBlocked = value; }); }, decoration: BoxDecoration( color: Colors.transparent, borderRadius: BorderRadius.circular( Constants.size.circularBorderRadius, ), ), ), ), const SizedBox( height: 10, ), Expanded( child: ListView.separated( itemCount: ids.length, separatorBuilder: (context, _) => const SizedBox( height: 10, ), itemBuilder: (context, index) { final utxo = MainDB.instance.isar.utxos .where() .idEqualTo(ids[index]) .findFirstSync()!; final isSelected = _showBlocked ? _selectedBlocked.contains(utxo) : _selectedAvailable.contains(utxo); return UtxoCard( key: Key( "${utxo.walletId}_${utxo.id}_$isSelected"), walletId: widget.walletId, utxo: utxo, canSelect: widget.type == CoinControlViewType.manage || (widget.type == CoinControlViewType.use && !_showBlocked), initialSelectedState: isSelected, onSelectedChanged: (value) { if (value) { _showBlocked ? _selectedBlocked.add(utxo) : _selectedAvailable.add(utxo); } else { _showBlocked ? _selectedBlocked.remove(utxo) : _selectedAvailable.remove(utxo); } setState(() {}); }, onPressed: () async { final result = await Navigator.of(context).pushNamed( UtxoDetailsView.routeName, arguments: Tuple2( utxo.id, widget.walletId, ), ); if (mounted && result == "refresh") { setState(() {}); } }, ); }, ), ), ], ), ), ), if (((_showBlocked && _selectedBlocked.isNotEmpty) || (!_showBlocked && _selectedAvailable.isNotEmpty)) && widget.type == CoinControlViewType.manage) Container( decoration: BoxDecoration( color: Theme.of(context) .extension()! .backgroundAppBar, boxShadow: [ Theme.of(context) .extension()! .standardBoxShadow, ], ), child: Padding( padding: const EdgeInsets.all(16), child: SecondaryButton( label: _showBlocked ? "Unfreeze" : "Freeze", onPressed: () async { if (_showBlocked) { await MainDB.instance.putUTXOs(_selectedBlocked .map( (e) => e.copyWith( isBlocked: false, ), ) .toList()); _selectedBlocked.clear(); } else { await MainDB.instance.putUTXOs(_selectedAvailable .map( (e) => e.copyWith( isBlocked: true, ), ) .toList()); _selectedAvailable.clear(); } setState(() {}); }, ), ), ), if (!_showBlocked && widget.type == CoinControlViewType.use) Container( decoration: BoxDecoration( color: Theme.of(context) .extension()! .backgroundAppBar, boxShadow: [ Theme.of(context) .extension()! .standardBoxShadow, ], ), child: Padding( padding: const EdgeInsets.all(16), child: Column( children: [ RoundedWhiteContainer( padding: const EdgeInsets.all(0), child: Column( children: [ Padding( padding: const EdgeInsets.all(12), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Selected amount", style: STextStyles.w600_14(context), ), Builder( builder: (context) { int selectedSum = _selectedAvailable.isEmpty ? 0 : _selectedAvailable .map((e) => e.value) .reduce( (value, element) => value += element, ); return Text( "${Format.satoshisToAmount( selectedSum, coin: coin, ).toStringAsFixed( coin.decimals, )} ${coin.ticker}", style: widget.requestedTotal == null ? STextStyles.w600_14(context) : STextStyles.w600_14(context).copyWith( color: selectedSum >= widget .requestedTotal! ? Theme.of(context) .extension< StackColors>()! .accentColorGreen : Theme.of(context) .extension< StackColors>()! .accentColorRed), ); }, ), ], ), ), if (widget.requestedTotal != null) Container( width: double.infinity, height: 1.5, color: Theme.of(context) .extension()! .backgroundAppBar, ), if (widget.requestedTotal != null) Padding( padding: const EdgeInsets.all(12), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Amount to send", style: STextStyles.w600_14(context), ), Text( "${Format.satoshisToAmount( widget.requestedTotal!, coin: coin, ).toStringAsFixed( coin.decimals, )} ${coin.ticker}", style: STextStyles.w600_14(context), ), ], ), ), ], ), ), const SizedBox( height: 12, ), PrimaryButton( label: "Use coins", enabled: _selectedAvailable.isNotEmpty, onPressed: () async { Navigator.of(context).pop( _selectedAvailable, ); }, ), ], ), ), ), ], ), ), ), ), ); } }