import 'package:cssd/models/my_item_model.dart';
import 'package:cssd/providers/auth.dart';
import 'package:cssd/providers/my_items.dart';
import 'package:cssd/widgets/MyItemsScreens/History/my_items_history_date_widget.dart';
import 'package:cssd/widgets/MyItemsScreens/History/user_item_history_box.dart';
import 'package:cssd/widgets/MyItemsScreens/Result/my_items_data_box_widget.dart';

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

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

class MyItemsHistoryScreen extends StatefulWidget {
  final bool? isAdmin;
  final MyItemResultObject? items;

  MyItemsHistoryScreen({this.isAdmin, this.items});

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

class _MyItemsHistoryScreenState extends State<MyItemsHistoryScreen> {
  bool _isInit = true;
  ScrollController? sc;
  MyItemResultObject? itemData;
  ItemHistoryObject? historyData;

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

  @override
  void didChangeDependencies() {
    if (_isInit) {
      itemData =
          ModalRoute.of(context)!.settings.arguments as MyItemResultObject?;
      var _id = itemData!.id;
      var myItemResults = Provider.of<MyItemProvider>(context);
      myItemResults.setLoading();
      myItemResults.getItemsHistory(_id).then(
        (_) {
          myItemResults.resetLoading();
          sc!.addListener(
            () {
              if (sc!.position.pixels == sc!.position.maxScrollExtent) {
                var myItemResults = Provider.of<MyItemProvider>(
                  context,
                  listen: false,
                );
                myItemResults.getItemsHistory(_id);
              }
            },
          );
        },
      );
    }
    _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;
    return SafeArea(
      child: Scaffold(
        appBar: AppBar(
          titleSpacing: -10,
          title: Text('My Items', 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).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: 'Item History',
                          push: Routes.itemFilterScreen,
                          hasFilterObject: false,
                        ),
                        SizedBox(
                          height: 20,
                        ),
                        MyItemsItemDataBox(
                          deviceBlockSize: _deviceBlockSize,
                          hasHistoryBtn: false,
                          items: itemData,
                          isAdmin: userData['roles']?.contains('User')
                              ? false
                              : true,
                        ),
                        SizedBox(
                          height: 20.0,
                        ),
                        Expanded(
                          child: Consumer<MyItemProvider>(
                            builder: (context, itemResults, child) {
                              return itemResults.isloading
                                  ? Center(
                                      child: CircularProgressIndicator(
                                        color: Colors.black,
                                      ),
                                    )
                                  : ListView.separated(
                                      controller: sc,
                                      separatorBuilder: (context, index) {
                                        return Divider();
                                      },
                                      itemBuilder: (context, index) {
                                        return Column(
                                          children: [
                                            SizedBox(
                                              height: 20.0,
                                            ),
                                            ItemHistoryDate(
                                              deviceBlockSize: _deviceBlockSize,
                                              items: itemResults
                                                  .itemHistory![index],
                                            ),
                                            UserItemDataBox(
                                              deviceBlockSize: _deviceBlockSize,
                                              user: itemResults
                                                  .itemHistory![index],
                                            ),
                                            SizedBox(
                                              height: 20.0,
                                            ),
                                          ],
                                        );
                                      },
                                      itemCount:
                                          itemResults.itemHistory!.length,
                                      shrinkWrap: true,
                                    );
                            },
                          ),
                        ),
                      ],
                    ),
                  )
                : ConnectionErrorBox();
          },
        ),
      ),
    );
  }
}