import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:intl/intl.dart';
import 'package:tunas/domains/account/account_bloc.dart';

import 'autocomplete_input.dart';

class TransactionAddForm extends StatelessWidget {
  const TransactionAddForm({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        _TransactionDateInput(),
        _TransactionCategoryInput(),
        _TransactionDescriptionInput(),
        _TransactionAccountInput(),
        _TransactionValueInput()
      ],
    );
  }
}


class _TransactionDateInput extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BlocBuilder<AccountBloc, AccountState>(
      buildWhen: (previous, current) => previous.transactionDate != current.transactionDate,
      builder: (context, state) => SizedBox(
        width: 500,
        child: TextFormField(
          initialValue: DateFormat('dd-MM-yyyy', 'fr_FR').format(state.transactionDate.value ?? DateTime.now()),
          keyboardType: TextInputType.datetime,
          onTap: () {
            FocusScope.of(context).requestFocus(FocusNode());
            showDatePicker(
              context: context,
              firstDate: DateTime.fromMicrosecondsSinceEpoch(0),
              lastDate: DateTime.now()
            ).then((value) => context.read<AccountBloc>().add(TransactionDateChange(value)));
          },
          decoration: InputDecoration(
            hintText: 'Date',
            errorText: state.transactionDate.isNotValid ? state.transactionDate.error?.message : null
          ),
        )
      )
    );
  }
}

class _TransactionCategoryInput extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BlocBuilder<AccountBloc, AccountState>(
      buildWhen: (previous, current) => previous.transactionCategory != current.transactionCategory,
      builder: (context, state) => SizedBox(
        width: 500,
        child: AutocompleteInput(
          options: state.categories,
          hintText: 'Category',
          errorText: state.transactionCategory.isNotValid ? state.transactionCategory.error?.message : null,
          onChanged: (value) => context.read<AccountBloc>().add(TransactionCategoryChange(value)),
        ),
      ),
    );
  }
}

class _TransactionDescriptionInput extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BlocBuilder<AccountBloc, AccountState>(
      buildWhen: (previous, current) => previous.transactionDescription != current.transactionDescription,
      builder: (context, state) => SizedBox(
        width: 500,
        child: TextField(
          decoration: InputDecoration(
            hintText: 'Description',
            errorText: state.transactionDescription.isNotValid ? state.transactionDescription.error?.message : null
          ),
          onChanged: (value) => context.read<AccountBloc>().add(TransactionDescriptionChange(value))
        )
      ),
    );
  }
}

class _TransactionAccountInput extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BlocBuilder<AccountBloc, AccountState>(
      buildWhen: (previous, current) => previous.transactionAccount != current.transactionAccount,
      builder: (context, state) => SizedBox(
        width: 500,
        child: AutocompleteInput(
          options: state.accountsTotals.keys.toList(),
          hintText: 'Account',
          errorText: state.transactionAccount.isNotValid ? state.transactionAccount.error?.message : null,
          onChanged: (value) => context.read<AccountBloc>().add(TransactionAccountChange(value)),
        ),
      ),
    );
  }
}

class _TransactionValueInput extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BlocBuilder<AccountBloc, AccountState>(
      buildWhen: (previous, current) => previous.transactionValue != current.transactionValue,
      builder: (context, state) => SizedBox(
        width: 500,
        child: TextField(
          keyboardType: TextInputType.number,
          decoration: InputDecoration(
            hintText: '\$\$\$',
            errorText: state.transactionValue.isNotValid ? state.transactionValue.error?.message : null
          ),
          onChanged: (value) => context.read<AccountBloc>().add(TransactionValueChange(value))
        )
      ),
    );
  }
}