import '../config/routes.dart';

import '../providers/connectivity.dart';
import '../widgets/CycleScreens/Result/banner.dart';
import '../widgets/CycleScreens/Result/data_box.dart';
import '../widgets/CycleScreens/Result/filter_objects.dart';
import '../widgets/CycleScreens/Result/search_box.dart';
import '../widgets/Global/internet_error.dart';

import '../providers/cycles.dart';

import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:provider/provider.dart';

class CycleResultScreen extends StatefulWidget {
  // static const route = '/CycleResultScreen';
  final bool isAdmin;

  CycleResultScreen({this.isAdmin});

  @override
  _CycleResultScreenState createState() => _CycleResultScreenState();
}

class _CycleResultScreenState extends State<CycleResultScreen> {
  bool _isInit = true;
  ScrollController sc;
  TextEditingController searchCTRL = new TextEditingController();

  @override
  void initState() {
    sc = new ScrollController();
    super.initState();
  }

  @override
  void didChangeDependencies() {
    if (_isInit) {
      var testResults = Provider.of<CyclesProvider>(context);
      testResults.setLoading();
      testResults.resetPageNumber();
      testResults.getCycleResults().then((_) {
        testResults.resetLoading();
        sc.addListener(
          () {
            if (sc.position.pixels == sc.position.maxScrollExtent &&
                searchCTRL.text == '') {
              var testResults = Provider.of<CyclesProvider>(context);
              testResults.getCycleResults();
            }
          },
        );
      });
    }
    _isInit = false;
    super.didChangeDependencies();
  }

  @override
  Widget build(BuildContext context) {
    final _media = MediaQuery.of(context);
    final double _devicewidth = _media.size.width;
    final double _deviceBlockSize = _devicewidth / 100;
    return SafeArea(
      child: Scaffold(
        floatingActionButton: CycleResultFloatingButton(
          deviceBlockSize: _deviceBlockSize,
        ),
        appBar: AppBar(
          titleSpacing: -10,
          title: Text('Home'),
          leading: IconButton(
            icon: Icon(
              Icons.keyboard_arrow_left,
              size: 35,
            ),
            onPressed: () => Navigator.of(context).pop(),
          ),
        ),
        body: Consumer<ConnectivityProvider>(builder: (ct, connection, _) {
          return connection.conStatus != 'offline'
              ? Padding(
                  padding:
                      EdgeInsets.only(top: 20, right: 20, bottom: 60, left: 20),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: <Widget>[
                      CycleResultBanner(deviceBlockSize: _deviceBlockSize),
                      SizedBox(
                        height: 10,
                      ),
                      Consumer<CyclesProvider>(builder: (ctx, cycle, _) {
                        return Container(
                          height: 50,
                          child: ListView(
                            scrollDirection: Axis.horizontal,
                            shrinkWrap: true,
                            children: <Widget>[
                              CycleFilterBaner(
                                  deviceBlockSize: _deviceBlockSize),
                              cycle.filters.id != ''
                                  ? CycleFilterChip(
                                      deviceBlockSize: _deviceBlockSize,
                                      label: 'ID',
                                      id: '',
                                      cycleNumber: cycle.filters.cycleNumber,
                                      sterilizerId: cycle.filters.sterilizerId,
                                      hospital: cycle.filters.hospital,
                                      date: cycle.filters.date,
                                    )
                                  : Container(),
                              cycle.filters.cycleNumber != ''
                                  ? CycleFilterChip(
                                      deviceBlockSize: _deviceBlockSize,
                                      label: 'Cycle Number',
                                      id: cycle.filters.id,
                                      cycleNumber: '',
                                      sterilizerId: cycle.filters.sterilizerId,
                                      hospital: cycle.filters.hospital,
                                      date: cycle.filters.date,
                                    )
                                  : Container(),
                              cycle.filters.sterilizerId != ''
                                  ? CycleFilterChip(
                                      deviceBlockSize: _deviceBlockSize,
                                      label: 'Sterilizer ID',
                                      id: cycle.filters.id,
                                      cycleNumber: cycle.filters.cycleNumber,
                                      sterilizerId: '',
                                      hospital: cycle.filters.hospital,
                                      date: cycle.filters.date,
                                    )
                                  : Container(),
                              cycle.filters.hospital != ''
                                  ? CycleFilterChip(
                                      deviceBlockSize: _deviceBlockSize,
                                      label: 'Hospital',
                                      id: cycle.filters.id,
                                      cycleNumber: cycle.filters.cycleNumber,
                                      sterilizerId: cycle.filters.sterilizerId,
                                      hospital: '',
                                      date: cycle.filters.date,
                                    )
                                  : Container(),
                              cycle.filters.date != ''
                                  ? CycleFilterChip(
                                      deviceBlockSize: _deviceBlockSize,
                                      label: 'Date',
                                      id: cycle.filters.id,
                                      cycleNumber: cycle.filters.cycleNumber,
                                      sterilizerId: cycle.filters.sterilizerId,
                                      hospital: cycle.filters.hospital,
                                      date: '',
                                    )
                                  : Container(),
                            ],
                          ),
                        );
                      }),
                      CycleResultSearchBox(
                        searchCTRL: searchCTRL,
                        deviceBlockSize: _deviceBlockSize,
                      ),
                      SizedBox(
                        height: 20,
                      ),
                      Expanded(
                        child: Consumer<CyclesProvider>(
                          builder: (context, cycleResults, _) {
                            return cycleResults.isloading
                                ? Center(
                                    child: CircularProgressIndicator(),
                                  )
                                : ListView.builder(
                                    controller: sc,
                                    itemBuilder: (context, index) {
                                      String labels = '';
                                      for (var label
                                          in cycleResults.items[index].label) {
                                        labels += label;
                                        labels += ' , ';
                                      }
                                      labels = labels.substring(0,
                                          labels.length - 3); // remove extra ,
                                      return CycleItemBox(
                                        deviceBlockSize: _deviceBlockSize,
                                        item: cycleResults.items[index],
                                        labels: labels,
                                      );
                                    },
                                    itemCount: cycleResults.items.length,
                                    shrinkWrap: true,
                                  );
                          },
                        ),
                      ),
                    ],
                  ),
                )
              : ConnectionErrorBox();
        }),
      ),
    );
  }
}

class CycleResultFloatingButton extends StatelessWidget {
  const CycleResultFloatingButton({
    Key key,
    @required double deviceBlockSize,
  })  : _deviceBlockSize = deviceBlockSize,
        super(key: key);

  final double _deviceBlockSize;

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.end,
      children: <Widget>[
        InkWell(
          customBorder: CircleBorder(),
          onTap: () {
            Navigator.of(context).pushNamed(Routes.cycleScanScreen);
          },
          child: Container(
            padding: EdgeInsets.all(2.5 * _deviceBlockSize),
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              color: Colors.black,
            ),
            child: Icon(
              FontAwesomeIcons.barcode,
              size: 7.1 * _deviceBlockSize,
              color: Colors.white,
            ),
          ),
        ),
        SizedBox(
          width: 2 * _deviceBlockSize,
        ),
        InkWell(
          customBorder: CircleBorder(),
          onTap: () {
            Navigator.of(context).pushReplacementNamed(Routes.cycleAddScreen);
          },
          child: Container(
            padding: EdgeInsets.all(_deviceBlockSize),
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              color: Color.fromRGBO(0, 190, 190, 1),
            ),
            child: Icon(
              Icons.add,
              size: 10 * _deviceBlockSize,
              color: Colors.white,
            ),
          ),
        ),
      ],
    );
  }
}