import 'package:dio/dio.dart';
import 'package:farm_tpf/data/repository/repository.dart';
import 'package:farm_tpf/models/Plot.dart';
import 'package:farm_tpf/presentation/custom_widgets/bottom_loader.dart';
import 'package:farm_tpf/presentation/custom_widgets/loading_list_page.dart';
import 'package:farm_tpf/presentation/screens/plot/widget_search.dart';
import 'package:farm_tpf/utils/const_color.dart';
import 'package:farm_tpf/utils/const_enum.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:farm_tpf/utils/const_string.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:farm_tpf/utils/formatter.dart';

import 'bloc/plot_bloc.dart';

class PlotListScreen extends StatefulWidget {
  @override
  _PlotListScreenState createState() => _PlotListScreenState();
}

class _PlotListScreenState extends State<PlotListScreen> {
  @override
  Widget build(BuildContext context) {
    return BlocProvider(
      create: (context) =>
          PlotBloc(repository: Repository())..add(DataFetched()),
      child: HoldInfinityWidget(),
    );
  }
}

class HoldInfinityWidget extends StatelessWidget {
  final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        key: _scaffoldKey,
        appBar: AppBar(
          centerTitle: true,
          title: Text("Danh sách lô"),
          actions: <Widget>[
            IconButton(icon: Icon(FontAwesomeIcons.qrcode), onPressed: () {})
          ],
        ),
        body: InfinityView());
  }
}

class InfinityView extends StatefulWidget {
  @override
  _InfinityViewState createState() => _InfinityViewState();
}

class _InfinityViewState extends State<InfinityView> {
  final _scrollController = ScrollController();
  final _scrollThreshold = 250.0;
  PlotBloc _plotBloc;

  @override
  void initState() {
    _scrollController.addListener(() {
      final maxScroll = _scrollController.position.maxScrollExtent;
      final currentScroll = _scrollController.position.pixels;
      if (maxScroll - currentScroll < _scrollThreshold) {
        _plotBloc.add(DataFetched());
      }
    });
    _plotBloc = BlocProvider.of<PlotBloc>(context);
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<PlotBloc, PlotState>(
      builder: (context, state) {
        if (state is PlotFailure) {
          return Center(child: Text(state.errorString));
        }
        if (state is PlotSuccess) {
          if (state.items.isEmpty) {
            return Center(child: Text(label_list_empty));
          }
          return Column(
            children: <Widget>[
              WidgetSearch(),
              Expanded(
                  child: RefreshIndicator(
                      child: ListView.builder(
                        itemBuilder: (BuildContext context, int index) {
                          return index >= state.items.length
                              ? BottomLoader()
                              : ItemInfinityWidget(item: state.items[index]);
                        },
                        itemCount: state.hasReachedMax
                            ? state.items.length
                            : state.items.length + 1,
                        controller: _scrollController,
                      ),
                      onRefresh: () async {
                        _plotBloc.add(OnRefresh());
                      }))
            ],
          );
        }
        return Center(
          child: LoadingListPage(),
        );
      },
    );
  }

  @override
  void dispose() {
    _scrollController.dispose();
    super.dispose();
  }
}

class ItemInfinityWidget extends StatelessWidget {
  final Plot item;

  const ItemInfinityWidget({Key key, @required this.item}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
        child: Card(
          color: item.status == "STATUS_ARE_ACTIVE"
              ? Colors.white
              : COLOR_CONST.DEFAULT,
          child: ListTile(
            title: Text(
              item.code.toString() + " - " + item.suppliesName.toString(),
              style: TextStyle(
                  color: item.status == "STATUS_ARE_ACTIVE"
                      ? COLOR_CONST.DEFAULT
                      : Colors.white),
            ),
            subtitle: Text(item.startDate.format_DDMMYY_HHmm().toString(),
                style: TextStyle(
                    color: item.status == "STATUS_ARE_ACTIVE"
                        ? COLOR_CONST.DEFAULT
                        : Colors.white)),
            trailing: Text(
                item.areaM2.formatNumtoStringDecimal().toString() + " m\u00B2",
                style: TextStyle(
                    color: item.status == "STATUS_ARE_ACTIVE"
                        ? COLOR_CONST.DEFAULT
                        : Colors.white)),
          ),
        ),
        onTap: () {});
  }
}