import 'dart:io';

import 'package:connectivity_plus/connectivity_plus.dart';
import 'package:dotted_line/dotted_line.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:generp/Notifiers/crmProvider/crmDashboardProvider.dart';
import 'package:generp/Utils/app_colors.dart';
import 'package:generp/Utils/commonServices.dart';
import 'package:generp/Utils/commonWidgets.dart';
import 'package:generp/screens/crm/pendingTasksDetails.dart';
import 'package:provider/provider.dart';

class PendingTasksList extends StatefulWidget {
  const PendingTasksList({super.key});

  @override
  State<PendingTasksList> createState() => _PendingTasksListState();
}

class _PendingTasksListState extends State<PendingTasksList> {
  FocusNode focusNode = FocusNode();
  Map _source = {ConnectivityResult.mobile: true};
  final MyConnectivity _connectivity = MyConnectivity.instance;

  @override
  void initState() {
    super.initState();
    _connectivity.initialise();
    _connectivity.myStream.listen((event) {
      setState(() => _source = event);
    });
    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      var prov = Provider.of<Crmdashboardprovider>(context, listen: false);
      prov.accessPagesAPIFunction(context);
      prov.crmDashboardAPIFunction(context);
      prov.crmPendingTasksAPIFunction(context);
    });
  }

  @override
  void dispose() {
    // TODO: implement dispose
    super.dispose();
    _connectivity.disposeStream();
  }

  @override
  Widget build(BuildContext context) {
    switch (_source.keys.toList()[0]) {
      case ConnectivityResult.mobile:
        connection = 'Online';
        break;
      case ConnectivityResult.wifi:
        connection = 'Online';
        break;
      case ConnectivityResult.none:
      default:
        connection = 'Offline';
    }
    return (connection == "Online")
        ? Platform.isAndroid
            ? WillPopScope(
              onWillPop: () => onBackPressed(context),
              child: SafeArea(
                top: false,
                bottom: true,
                child: _scaffold(context),
              ),
            )
            : _scaffold(context)
        : NoNetwork(context);
  }

  Widget _scaffold(BuildContext context) {
    return Consumer<Crmdashboardprovider>(
      builder: (context, provider, child) {
        final gridPages =
            provider.accessPages
                .where((page) => ![8, 9, 23, 24, 51, 50].contains(page.id))
                .toList();

        return Scaffold(
          resizeToAvoidBottomInset: true,
          backgroundColor: AppColors.scaffold_bg_color,
          appBar: AppBar(
            automaticallyImplyLeading: false,
            // elevation: 2.0,
            title: SizedBox(
              child: Row(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  InkResponse(
                    onTap: () => Navigator.pop(context, true),
                    child: SvgPicture.asset(
                      "assets/svg/appbar_back_button.svg",
                      height: 25,
                    ),
                  ),
                  SizedBox(width: 10),
                  InkResponse(
                    onTap: () => Navigator.pop(context, true),
                    child: Text(
                      "Pending Tasks",
                      style: TextStyle(
                        fontSize: 16,
                        height: 1.1,
                        fontFamily: "JakartaSemiBold",
                        color: AppColors.semi_black,
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
          body:
              (provider.pendingTasksLists.isNotEmpty)
                  ? SingleChildScrollView(
                    physics: AlwaysScrollableScrollPhysics(),
                    child: Column(
                      children: [
                        Container(
                          width: double.infinity,
                          child: ListView.builder(
                            physics: AlwaysScrollableScrollPhysics(),
                            shrinkWrap: true,
                            padding: EdgeInsets.symmetric(
                              vertical: 5,
                              horizontal: 10,
                            ),
                            itemCount: provider.pendingTasksLists.length,
                            itemBuilder: (context, index) {
                              final subHeadings = [
                                provider.pendingTasksLists[index].aname ?? "-",
                                provider.pendingTasksLists[index].appdate ??
                                    "-",
                                provider.pendingTasksLists[index].anote ?? "-",
                              ];
                              return InkResponse(
                                onTap: () async {
                                  await Navigator.push(
                                    context,
                                    MaterialPageRoute(
                                      builder:
                                          (context) => Pendingtasksdetails(
                                            detailIndex: index,
                                          ),
                                      settings: RouteSettings(name: 'Pendingtasksdetails')
                                    ),
                                  );
                                },
                                child: Container(
                                  decoration: BoxDecoration(
                                    color: Colors.white,
                                    borderRadius: BorderRadius.circular(15),
                                  ),
                                  margin: EdgeInsets.symmetric(vertical: 3,horizontal: 10),
                                  padding: EdgeInsets.symmetric(
                                    horizontal: 10,
                                    vertical: 5,
                                  ),
                                  child: Column(
                                    mainAxisAlignment: MainAxisAlignment.start,
                                    children: [
                                      ...List.generate(3, (j) {
                                        return Container(
                                          padding: EdgeInsets.symmetric(
                                            vertical: 3,
                                            horizontal: 0,
                                          ),

                                          child: Column(
                                            children: [
                                              if (j == 2) ...[
                                                Padding(
                                                  padding:
                                                      const EdgeInsets.only(
                                                        top: 3.0,
                                                        bottom: 3.0,
                                                      ),
                                                  child: DottedLine(
                                                    dashGapLength: 4,
                                                    dashGapColor: Colors.white,
                                                    dashColor:
                                                        AppColors.grey_semi,
                                                    dashLength: 4,
                                                    lineThickness: 0.5,
                                                  ),
                                                ),
                                              ],
                                              Row(
                                                crossAxisAlignment:
                                                    CrossAxisAlignment.start,
                                                children: [
                                                  Expanded(
                                                    child: Text(
                                                      "${subHeadings[j]}",
                                                      style: TextStyle(
                                                        color:
                                                            j == 0
                                                                ? AppColors
                                                                    .semi_black
                                                                : AppColors
                                                                    .grey_semi,
                                                        fontSize: 14,
                                                      ),
                                                    ),
                                                  ),
                                                ],
                                              ),
                                            ],
                                          ),
                                        );
                                      }),
                                    ],
                                  ),
                                ),
                              );
                            },
                          ),
                        ),

                        SizedBox(height: 150),
                      ],
                    ),
                  )
                  : Emptywidget(context),
        );
      },
    );
  }
}