import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:stackwallet/models/isar/models/isar_models.dart';
import 'package:stackwallet/utilities/enums/coin_enum.dart';
import 'package:stackwallet/widgets/desktop/secondary_button.dart';
import 'package:stackwallet/widgets/icon_widgets/utxo_status_icon.dart';
import 'package:stackwallet/widgets/rounded_white_container.dart';

import '../../db/main_db.dart';
import '../../providers/global/wallets_provider.dart';
import '../../utilities/format.dart';
import '../../utilities/text_styles.dart';
import '../../utilities/theme/stack_colors.dart';

class UtxoRow extends ConsumerStatefulWidget {
  const UtxoRow({
    Key? key,
    required this.utxo,
    required this.walletId,
    required this.onSelectedChanged,
    required this.initialSelectedState,
    this.onPressed,
  }) : super(key: key);

  final String walletId;
  final UTXO utxo;
  final void Function(bool) onSelectedChanged;
  final bool initialSelectedState;
  final VoidCallback? onPressed;

  @override
  ConsumerState<UtxoRow> createState() => _UtxoRowState();
}

class _UtxoRowState extends ConsumerState<UtxoRow> {
  late Stream<UTXO?> stream;
  late UTXO utxo;

  late bool _selected;

  @override
  void initState() {
    _selected = widget.initialSelectedState;
    utxo = widget.utxo;

    stream = MainDB.instance.watchUTXO(id: utxo.id);
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    debugPrint("BUILD: $runtimeType");

    final coin = ref.watch(walletsChangeNotifierProvider
        .select((value) => value.getManager(widget.walletId).coin));

    final currentChainHeight = ref.watch(walletsChangeNotifierProvider
        .select((value) => value.getManager(widget.walletId).currentHeight));

    return RoundedWhiteContainer(
      child: Row(
        children: [
          Checkbox(
            value: _selected,
            onChanged: (value) => setState(() {
              _selected = value!;
            }),
          ),
          const SizedBox(
            width: 10,
          ),
          UTXOStatusIcon(
            blocked: utxo.isBlocked,
            status: utxo.isConfirmed(
              currentChainHeight,
              coin.requiredConfirmations,
            )
                ? UTXOStatusIconStatus.confirmed
                : UTXOStatusIconStatus.unconfirmed,
            background: Theme.of(context).extension<StackColors>()!.popupBG,
            selected: false,
            width: 32,
            height: 32,
          ),
          const SizedBox(
            width: 10,
          ),
          Text(
            "${Format.satoshisToAmount(
              utxo.value,
              coin: coin,
            ).toStringAsFixed(coin.decimals)} ${coin.ticker}",
            textAlign: TextAlign.right,
            style: STextStyles.w600_14(context),
          ),
          const SizedBox(
            width: 10,
          ),
          Expanded(
            flex: 13,
            child: Text(
              utxo.name.isNotEmpty ? utxo.name : utxo.address ?? utxo.txid,
              textAlign: TextAlign.center,
              style: STextStyles.w500_12(context).copyWith(
                color:
                    Theme.of(context).extension<StackColors>()!.textSubtitle1,
              ),
            ),
          ),
          const SizedBox(
            width: 10,
          ),
          SecondaryButton(
            width: 120,
            buttonHeight: ButtonHeight.xs,
            label: "Details",
            onPressed: () {
              //todo
            },
          )
        ],
      ),
    );
  }
}