// ignore_for_file: public_member_api_docs, sort_constructors_first
import 'package:cssd/config/routes.dart';
import 'package:cssd/providers/auth.dart';
import 'package:cssd/providers/connectivity.dart';
import 'package:cssd/providers/my_packages.dart';
import 'package:cssd/widgets/CycleScreens/Result/banner.dart';
import 'package:cssd/widgets/CycleScreens/Result/search_box.dart';
import 'package:cssd/widgets/Global/internet_error.dart';
import 'package:cssd/widgets/MyPackagesScreens/Filter/my_packages_chip_widget.dart';
import 'package:cssd/widgets/MyPackagesScreens/Result/my_packages_data_box_widget.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

class MyPackagesMineScreen extends StatefulWidget {
  final bool? isAdmin;

  const MyPackagesMineScreen({
    Key? key,
    this.isAdmin,
  }) : super(key: key);

  @override
  State<MyPackagesMineScreen> createState() => _MyPackagesMineScreenState();
}

class _MyPackagesMineScreenState extends State<MyPackagesMineScreen> {
  bool _isInit = true;
  ScrollController? sc;
  TextEditingController searchCTRL = new TextEditingController();

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

  @override
  void didChangeDependencies() {
    if (_isInit) {
      var myPackageResults = Provider.of<MyPackageProvider>(context);
      myPackageResults.setLoading();
      myPackageResults.resetPageNumber();
      myPackageResults.getMyPackages().then(
        (_) {
          myPackageResults.resetLoading();
          sc!.addListener(
            () {
              if (sc!.position.pixels == sc!.position.maxScrollExtent &&
                  searchCTRL.text == '') {
                var myPackageResults = Provider.of<MyPackageProvider>(
                  context,
                  listen: false,
                );
                myPackageResults.getMyPackages();
              }
            },
          );
        },
      );
    }
    _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;
    final userData = Provider.of<Auth>(context, listen: false).user;
    var searchVal;
    return 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: 'My Packages',
                      push: Routes.myPackagesFilterScreen,
                    ),
                    Consumer<MyPackageProvider>(
                      builder: (ctx, package, _) {
                        return Container(
                          height: 50,
                          child: ListView(
                            scrollDirection: Axis.horizontal,
                            shrinkWrap: true,
                            children: <Widget>[
                              package.filters!.id != ''
                                  ? MyPackageFilterChip(
                                      deviceBlockSize: _deviceBlockSize,
                                      label: 'ID',
                                      id: '',
                                      name: package.filters!.name,
                                      // udi: package.filters!.udi,
                                    )
                                  : Container(),
                              package.filters!.name != ''
                                  ? MyPackageFilterChip(
                                      deviceBlockSize: _deviceBlockSize,
                                      label: 'Package Name',
                                      id: package.filters!.id,
                                      name: '',
                                      // udi: package.filters!.udi,
                                    )
                                  : Container(),
                              // package.filters!.udi != ''
                              //     ? MyPackageFilterChip(
                              //         deviceBlockSize: _deviceBlockSize,
                              //         label: 'UDI',
                              //         id: package.filters!.id,
                              //         name: package.filters!.name,
                              //         udi: '',
                              //       )
                              //     : Container(),
                            ],
                          ),
                        );
                      },
                    ),
                    ResultSearchBox(
                      searchCTRL: searchCTRL,
                      text: 'package',
                      text2: "name",
                      deviceBlockSize: _deviceBlockSize,
                      onChanged: (value) {
                        searchVal = value;
                      },
                      onTap: () async {
                        var myPackages = await Provider.of<MyPackageProvider>(
                            context,
                            listen: false);
                        myPackages.setLoading();
                        await myPackages.searchMyPackages(searchVal ?? "");
                      },
                      textInputType: TextInputType.text,
                    ),
                    SizedBox(
                      height: 20,
                    ),
                    Expanded(
                      child: Consumer<MyPackageProvider>(
                        builder: (context, packageResults, _) {
                          return packageResults.isloading
                              ? Center(
                                  child: CircularProgressIndicator(
                                    color: Colors.black,
                                  ),
                                )
                              : packageResults.myPackages?.length != 0
                                  ? ListView.builder(
                                      controller: sc,
                                      itemBuilder: (context, index) {
                                        return MyPackagesItemDataBox(
                                          deviceBlockSize: _deviceBlockSize,
                                          isAdmin: userData['roles']
                                                  ?.contains('User')
                                              ? false
                                              : true,
                                          packages:
                                              packageResults.myPackages?[index],
                                          push: () {
                                            Navigator.pushNamed(context,
                                                Routes.myPackagesHistoryScreen,
                                                arguments: packageResults
                                                    .myPackages?[index]);
                                          },
                                        );
                                      },
                                      itemCount:
                                          packageResults.myPackages?.length,
                                      shrinkWrap: true,
                                    )
                                  : Container(
                                      child: Center(
                                        child:
                                            Text("There is no item to show."),
                                      ),
                                    );
                        },
                      ),
                    ),
                  ],
                ),
              )
            : ConnectionErrorBox();
      },
    );
  }
}