import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:test_sa/controllers/providers/api/regular_visits_provider.dart';
import 'package:test_sa/controllers/providers/api/user_provider.dart';
import 'package:test_sa/controllers/providers/settings/setting_provider.dart';
import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/extensions/widget_extensions.dart';
import 'package:test_sa/models/pantry/calibration_tools.dart';
import 'package:test_sa/models/pantry/pentry.dart';
import 'package:test_sa/models/pantry/pm_kit.dart';
import 'package:test_sa/models/pantry/ppm_check_list.dart';
import 'package:test_sa/models/visits/visit.dart';
import 'package:test_sa/new_views/app_style/app_color.dart';
import 'package:test_sa/new_views/common_widgets/app_filled_button.dart';
import 'package:test_sa/new_views/common_widgets/default_app_bar.dart';
import 'package:test_sa/views/widgets/loaders/loading_manager.dart';
import 'package:test_sa/views/widgets/pentry/pentry_calibration_tool_form.dart';
import 'package:test_sa/views/widgets/pentry/pentry_pm_kit_form.dart';
import 'package:test_sa/views/widgets/pentry/pentry_ppm_check_list_form.dart';

import '../../../../widgets/pentry/pentry_tbs_form.dart';

class EditPentry extends StatefulWidget {
  final Pentry pentry;
  final Visit visit;

  const EditPentry({Key key, this.pentry, this.visit}) : super(key: key);

  @override
  State<EditPentry> createState() => _EditPentryState();
}

class _EditPentryState extends State<EditPentry> with SingleTickerProviderStateMixin {
  bool _isLoading = false;
  bool _validate = false;
  UserProvider _userProvider;
  SettingProvider _settingProvider;
  RegularVisitsProvider _regularVisitsProvider;
  Pentry _pentry;
  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();

  TabController _tabController;

  _onSubmit() async {
    _validate = true;

    if (!(await _pentry.validate())) {
      setState(() {});
      return;
    }

    _pentry.clearEmptyObjects();
    await _regularVisitsProvider.updatePentry(context, user: _userProvider.user, pentry: _pentry, visit: widget.visit);
  }

  @override
  void initState() {
    _pentry = widget.pentry.copyWith();
    if (_pentry.pmKits.isEmpty) _pentry.pmKits.add(PMKit());
    if (_pentry.calibrationTools.isEmpty) _pentry.calibrationTools.add(CalibrationTool());
    if (_pentry.ppmCheckLists.isEmpty) _pentry.ppmCheckLists.add(PPMCheckList());
    _tabController = TabController(length: 4, vsync: this);
    super.initState();
  }

  @override
  void dispose() {
    _tabController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    _userProvider = Provider.of<UserProvider>(context);
    _settingProvider = Provider.of<SettingProvider>(context);
    _regularVisitsProvider = Provider.of<RegularVisitsProvider>(context);
    return Scaffold(
      appBar: DefaultAppBar(title: context.translation.preventiveMaintenance),
      key: _scaffoldKey,
      body: SafeArea(
        child: LoadingManager(
          isLoading: _isLoading,
          isFailedLoading: false,
          stateCode: 200,
          onRefresh: () async {},
          child: Column(
            children: [
              Container(
                decoration: BoxDecoration(color: AppColor.neutral30, borderRadius: BorderRadius.circular(16)),
                child: TabBar(
                  controller: _tabController,
                  isScrollable: true,
                  padding: EdgeInsets.zero,
                  labelColor: AppColor.neutral60,
                  unselectedLabelColor: AppColor.neutral20,
                  indicatorPadding: const EdgeInsets.all(4),
                  indicator: BoxDecoration(color: Theme.of(context).cardColor, borderRadius: BorderRadius.circular(13)),
                  onTap: (index) {
                    setState(() {});
                  },
                  tabs: [
                    Tab(text: "TBS", height: 57.toScreenHeight),
                    Tab(text: "Calibration Tool", height: 57.toScreenHeight),
                    Tab(text: "PM Kit", height: 57.toScreenHeight),
                    Tab(text: "PPM Checklist", height: 57.toScreenHeight),
                  ],
                ),
              ),
              TabBarView(
                physics: const NeverScrollableScrollPhysics(),
                controller: _tabController,
                children: [
                  PentryTBSForm(model: _pentry, enableValidate: _validate),
                  PentryCalibrationToolForm(models: _pentry.calibrationTools, enableValidate: _validate),
                  PentryPMKitForm(models: _pentry.pmKits, enableValidate: _validate, assetId: widget.visit?.deviceId),
                  PentryPMChecklistForm(models: _pentry.ppmCheckLists, enableValidate: _validate),
                ],
              ).expanded,
              AppFilledButton(
                onPressed: () {
                  if (_tabController.index == 3) {
                    _onSubmit();
                  } else {
                    _tabController.animateTo(_tabController.index + 1);
                    setState(() {});
                  }
                },
                label: _tabController.index == 3 ? context.translation.submit : context.translation.next,
              ).paddingOnly(top: 16),
            ],
          ).paddingAll(16),
        ),
      ),
    );
  }
}