// ignore_for_file: unused_local_variable

import 'dart:isolate';
import 'dart:ui';

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 'package:flutter_downloader/flutter_downloader.dart';
import 'package:permission_handler/permission_handler.dart';

import '../../config/routes.dart';
import '../../providers/auth.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();
  ReceivePort _port = ReceivePort();

  @override
  void initState() {
    sc = new ScrollController();
    super.initState();
    IsolateNameServer.registerPortWithName(
        _port.sendPort, 'downloader_send_port');
    _port.listen((dynamic data) {
      String id = data[0];
      DownloadTaskStatus status = data[1];
      int progress = data[2];
      if (status == DownloadTaskStatus.complete) {
        print('Downloaded');
      }
      setState(() {});
    });

    FlutterDownloader.registerCallback(downloadCallback);
  }

  @pragma('vm:entry-point')
  static void downloadCallback(String id, int status, int progress) {
    final SendPort? send =
        IsolateNameServer.lookupPortByName('downloader_send_port');
    send!.send([id, status, progress]);
  }

  @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
  void dispose() {
    IsolateNameServer.removePortNameMapping('downloader_send_port');
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final _media = MediaQuery.of(context);
    final double _devicewidth = _media.size.width;
    final double _deviceBlockSize = _devicewidth / 100;
    var searchVal;
    return SafeArea(
      child: GestureDetector(
        onTap: () {
          FocusManager.instance.primaryFocus?.unfocus();
        },
        child: Scaffold(
          floatingActionButton: PackageResultFloatingButton(
            deviceBlockSize: _deviceBlockSize,
          ),
          appBar: AppBar(
            titleSpacing: -10,
            title: Text(
              'Home',
              style: TextStyle(
                color: Colors.white,
              ),
            ),
            backgroundColor: Colors.black,
            leading: IconButton(
                icon: Icon(
                  Icons.keyboard_arrow_left,
                  color: Colors.white,
                  size: 35,
                ),
                onPressed: () =>
                    Navigator.of(context).pushNamed(Routes.homePage)),
          ),
          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',
                          text2: "name",
                          deviceBlockSize: _deviceBlockSize,
                          onChanged: (value) {
                            searchVal = value;
                          },
                          onTap: () async {
                            var packages = await Provider.of<PackageProvider>(
                                context,
                                listen: false);
                            packages.setLoading();
                            await packages.search(searchVal ?? "");
                          },
                          textInputType: TextInputType.text,
                        ),
                        SizedBox(
                          height: 20,
                        ),
                        Expanded(
                          child: Consumer<PackageProvider>(
                            builder: (context, packageResults, _) {
                              return packageResults.isloading
                                  ? Center(
                                      child: CircularProgressIndicator(
                                        color: Colors.black,
                                      ),
                                    )
                                  : packageResults.items?.length != 0
                                      ? 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,
                                        )
                                      : Container(
                                          child: Center(
                                            child: Text(
                                                "There is no item to show."),
                                          ),
                                        );
                            },
                          ),
                        ),
                      ],
                    ),
                  )
                : 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) {
    final userData = Provider.of<Auth>(context, listen: false).user;
    return Row(
      mainAxisAlignment: MainAxisAlignment.end,
      children: [
        // if (userData['roles'].contains('Supervisor') ||
        //     userData['roles'].contains('Admin'))
        InkWell(
          customBorder: CircleBorder(),
          onTap: () async {
            var status = await Permission.storage.request();
            if (status.isGranted) {
              Provider.of<PackageProvider>(context, listen: false)
                  .exportPackages();
            }
          },
          child: Container(
            padding: EdgeInsets.all(_deviceBlockSize),
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              color: Colors.black,
            ),
            child: Icon(
              Icons.import_export,
              size: 10 * _deviceBlockSize,
              color: Colors.white,
            ),
          ),
        ),
        SizedBox(
          width: 2 * _deviceBlockSize,
        ),
        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).pushNamed(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,
            ),
          ),
        ),
      ],
    );
  }
}