import 'package:cssd/config/colors.dart';
import 'package:cssd/providers/packages.dart';
import 'package:cssd/widgets/PackageScreens/Filter/package_filter_object.dart';
import 'package:cssd/widgets/PackageScreens/Result/package_data_box.dart';

import '../../config/routes.dart';
import '../../providers/connectivity.dart';
import '../../widgets/CycleScreens/Result/banner.dart';
import '../../widgets/CycleScreens/Result/search_box.dart';
import '../../widgets/Global/internet_error.dart';

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

class PackageResultScreen extends StatefulWidget {
  final bool? isAdmin;

  PackageResultScreen({this.isAdmin});

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

class _PackageResultScreenState extends State<PackageResultScreen> {
  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<PackageProvider>(context);
      testResults.setLoading();
      testResults.resetPageNumber();
      testResults.getPackageResults().then((_) {
        testResults.resetLoading();
        sc!.addListener(
          () {
            if (sc!.position.pixels == sc!.position.maxScrollExtent &&
                searchCTRL.text == '') {
              var testResults = Provider.of<PackageProvider>(
                context,
                listen: false,
              );
              testResults.getPackageResults();
            }
          },
        );
      });
    }
    _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: GestureDetector(
        onTap: () {
          FocusManager.instance.primaryFocus?.unfocus();
        },
        child: Scaffold(
          floatingActionButton: PackageResultFloatingButton(
            deviceBlockSize: _deviceBlockSize,
          ),
          appBar: AppBar(
            titleSpacing: -10,
            title: Text('Home'),
            backgroundColor: Colors.black,
            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>[
                        ResultBanner(
                          deviceBlockSize: _deviceBlockSize,
                          text: 'Packages',
                          push: Routes.packageFilterScreen,
                        ),
                        Consumer<PackageProvider>(
                          builder: (ctx, package, _) {
                            return Container(
                              height: 50,
                              child: ListView(
                                scrollDirection: Axis.horizontal,
                                shrinkWrap: true,
                                children: <Widget>[
                                  package.filters!.id != ''
                                      ? PackageFilterChip(
                                          deviceBlockSize: _deviceBlockSize,
                                          label: 'ID',
                                          id: '',
                                          name: package.filters!.name,
                                          hospital: package.filters!.hospital,
                                          udi: package.filters!.udi,
                                        )
                                      : Container(),
                                  package.filters!.name != ''
                                      ? PackageFilterChip(
                                          deviceBlockSize: _deviceBlockSize,
                                          label: 'Package Name',
                                          id: package.filters!.id,
                                          name: '',
                                          udi: package.filters!.udi,
                                          hospital: package.filters!.hospital,
                                        )
                                      : Container(),
                                  package.filters!.hospital != ''
                                      ? PackageFilterChip(
                                          deviceBlockSize: _deviceBlockSize,
                                          label: 'Hospital',
                                          id: package.filters!.id,
                                          name: package.filters!.name,
                                          udi: package.filters!.udi,
                                          hospital: '',
                                        )
                                      : Container(),
                                  package.filters!.udi != ''
                                      ? PackageFilterChip(
                                          deviceBlockSize: _deviceBlockSize,
                                          label: 'UDI',
                                          id: package.filters!.id,
                                          name: package.filters!.name,
                                          udi: '',
                                          hospital: package.filters!.hospital,
                                        )
                                      : Container(),
                                ],
                              ),
                            );
                          },
                        ),
                        ResultSearchBox(
                          searchCTRL: searchCTRL,
                          text: 'package',
                          deviceBlockSize: _deviceBlockSize,
                          onChanged: (value) {
                            Provider.of<PackageProvider>(context, listen: false)
                                .search(value);
                          },
                        ),
                        SizedBox(
                          height: 20,
                        ),
                        Expanded(
                          child: Consumer<PackageProvider>(
                            builder: (context, packageResults, _) {
                              return packageResults.isloading
                                  ? Center(
                                      child: CircularProgressIndicator(
                                        color: Colors.black,
                                      ),
                                    )
                                  : ListView.builder(
                                      controller: sc,
                                      itemBuilder: (context, index) {
                                        // String items = '';
                                        // for (var item in packageResults
                                        //     .items![index].items) {
                                        //   items += item;
                                        //   items += ' , ';
                                        // }
                                        // items = items.substring(
                                        //   0,
                                        //   items.length - 3,
                                        // ); // remove extra ,
                                        return PackageItemBox(
                                          deviceBlockSize: _deviceBlockSize,
                                          item: packageResults.items?[index],
                                        );
                                      },
                                      itemCount: packageResults.items?.length,
                                      shrinkWrap: true,
                                    );
                            },
                          ),
                        ),
                      ],
                    ),
                  )
                : ConnectionErrorBox();
          }),
        ),
      ),
    );
  }
}

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

  final double _deviceBlockSize;

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.end,
      children: [
        InkWell(
          customBorder: CircleBorder(),
          onTap: () {
            Navigator.of(context).pushNamed(Routes.packageScanScreen);
          },
          child: Container(
            padding: EdgeInsets.all(2.5 * _deviceBlockSize),
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              color: Colors.black,
            ),
            child: Icon(
              Icons.qr_code_scanner,
              size: 7.1 * _deviceBlockSize,
              color: Colors.white,
            ),
          ),
        ),
        SizedBox(
          width: 2 * _deviceBlockSize,
        ),
        InkWell(
          customBorder: CircleBorder(),
          onTap: () {
            Navigator.of(context).pushReplacementNamed(Routes.packageAddScreen);
          },
          child: Container(
            padding: EdgeInsets.all(_deviceBlockSize),
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              color: kPurple,
            ),
            child: Icon(
              Icons.add,
              size: 10 * _deviceBlockSize,
              color: Colors.white,
            ),
          ),
        ),
      ],
    );
  }
}