import 'package:flutter/material.dart';

import 'package:provider/provider.dart';

import 'package:pshared/controllers/balance_mask/wallets.dart';
import 'package:pshared/models/currency.dart';
import 'package:pshared/utils/currency.dart';

import 'package:pweb/controllers/payments/amount_field.dart';

import 'package:pweb/generated/i18n/app_localizations.dart';


class PaymentAmountField extends StatelessWidget {
  const PaymentAmountField();

  @override
  Widget build(BuildContext context) {
    final currency = context.select<WalletsController, Currency?>(
      (c) => c.selectedWallet?.currency,
    );
    final symbol = currency == null ? null : currencyCodeToSymbol(currency);

    final ui = context.watch<PaymentAmountFieldController>();

    return TextField(
      controller: ui.textController,
      keyboardType: const TextInputType.numberWithOptions(decimal: true),
      decoration: InputDecoration(
        labelText: AppLocalizations.of(context)!.amount,
        border: const OutlineInputBorder(),
        prefixText: symbol == null ? null : '$symbol\u00A0',
      ),
      onChanged: ui.handleChanged,
    );
  }
}