import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:provider/provider.dart';
import 'package:test_sa/controllers/providers/api/asset_transfer_provider.dart';
import 'package:test_sa/controllers/providers/api/user_provider.dart';
import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/extensions/string_extensions.dart';
import 'package:test_sa/extensions/widget_extensions.dart';
import 'package:test_sa/models/device/asset_transfer.dart';
import 'package:test_sa/views/app_style/colors.dart';
import 'package:test_sa/views/app_style/sizing.dart';
import 'package:test_sa/views/pages/device_transfer/update_device_transfer.dart';
import 'package:test_sa/views/widgets/loaders/app_loading.dart';
import 'package:test_sa/views/widgets/loaders/loading_manager.dart';

import '../../../extensions/text_extensions.dart';
import '../../../models/enums/user_types.dart';
import '../../../new_views/app_style/app_color.dart';
import '../../../new_views/common_widgets/default_app_bar.dart';
import '../../widgets/requests/request_status.dart';

class DeviceTransferDetails extends StatefulWidget {
  final AssetTransfer model;

  const DeviceTransferDetails({Key key, this.model}) : super(key: key);

  @override
  State<DeviceTransferDetails> createState() => _DeviceTransferDetailsState();
}

class _DeviceTransferDetailsState extends State<DeviceTransferDetails> {
  UserProvider _userProvider;
  AssetTransfer _model;
  bool _isLoading = false;
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    _userProvider ??= Provider.of<UserProvider>(context);
    return Scaffold(
      appBar: DefaultAppBar(title: context.translation.deviceTransferDetails),
      key: _scaffoldKey,
      body: SafeArea(
        child: FutureBuilder(
          future: Provider.of<AssetTransferProvider>(context).getRequestById(assetTransferId: widget.model.id),
          builder: (context, snapshot) {
            if (snapshot.connectionState == ConnectionState.waiting) {
              return const ALoading();
            } else {
              _model = snapshot.data;
              return Form(
                key: _formKey,
                child: LoadingManager(
                  isLoading: _isLoading,
                  isFailedLoading: false,
                  stateCode: 200,
                  onRefresh: () async {},
                  child: Column(
                    children: [
                      _buildDetailsCard(
                        Row(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Column(
                              crossAxisAlignment: CrossAxisAlignment.stretch,
                              children: [
                                context.translation.transferDetails.heading5(context),
                                8.height,
                                Column(
                                  crossAxisAlignment: CrossAxisAlignment.start,
                                  children: [
                                    _buildTextWidget('${context.translation.assetName} : ${_model?.assetName ??""}'),
                                    _buildTextWidget('${context.translation.assetNumber} : ${_model?.assetNumber??""}'),
                                    _buildTextWidget('${context.translation.model} : ${_model?.modelName??""}'),
                                    _buildTextWidget('${context.translation.sn} : ${_model?.assetSerialNo??""}'),
                                  ],
                                ),
                                8.height,
                              ],
                            ).expanded,
                            Column(
                              crossAxisAlignment: CrossAxisAlignment.end,
                              children: [
                                /// TBD
                                // Row(
                                //   children: [
                                //     /// TBD
                                //     // StatusLabel(
                                //     //     label: "",
                                //     //     id: 0,
                                //     //     textColor: AColors.getPriorityStatusTextColor(0),
                                //     //     backgroundColor: AColors.getPriorityStatusColor(0)),
                                //     8.width,
                                //
                                //     /// TBD
                                //     //StatusLabel(label: '', textColor: AColors.getRequestStatusTextColor(0), backgroundColor: AColors.getRequestStatusColor(0)),
                                //   ],
                                // ),
                                1.width,
                                Text(_model?.createdOn != null ? _model.createdOn.toServiceRequestCardFormat : "",
                                    textAlign: TextAlign.end, style: AppTextStyles.tinyFont.copyWith(color: context.isDark ? AppColor.neutral10 : Color(0xFF3B3D4A))),
                              ],
                            ),
                          ],
                        ).paddingAll(14),
                      ),
                      // sender card
                      _buildCard(
                        isSender: true,
                        site: _model?.senderSiteName ?? "",

                        /// TBD
                        unit: _model?.senderDepartmentName ?? "",
                        comment: _model?.senderComment ?? "",

                        /// TBD
                        statusLabel: _model?.senderMachineStatusName != null
                            ? StatusLabel(
                                label: _model?.senderMachineStatusName,
                                id: _model?.senderMachineStatusId,
                                textColor: AColors.getRequestStatusTextColor(getIdstatus(_model.senderMachineStatusName)),
                                backgroundColor: AColors.getRequestStatusColor(getIdstatus(_model.senderMachineStatusName)))
                            : null,
                      ),
                      // receiver card
                      _buildCard(
                        isSender: false,
                        site: _model?.destSiteName ?? "",

                        /// TBD
                        unit: _model?.destDepartmentName ?? "",
                        comment: _model?.receiverComment ?? "",

                        /// TBD
                        statusLabel: _model?.receiverMachineStatusName != null
                            ? StatusLabel(
                                label: _model?.receiverMachineStatusName ?? "",
                                id: _model?.receiverMachineStatusId,
                                textColor: AColors.getRequestStatusTextColor(getIdstatus(_model.receiverMachineStatusName)),
                                backgroundColor: AColors.getRequestStatusColor(getIdstatus(_model.receiverMachineStatusName)))
                            : null,
                      ),
                    ],
                  ),
                ),
              );
            }
          },
        ),
      ),
    );
  }

  _buildDetailsCard(Widget widget) {
    return widget.toShadowContainer(context).paddingOnly(top: 14, start: 14, end: 14);
  }

  _buildTextWidget(String text) {
    return text.bodyText(context);
  }

  _buildCard({@required String site, @required String unit, @required String comment, @required bool isSender, StatusLabel statusLabel}) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                statusLabel ?? Container(),
                8.height,
                isSender ? context.translation.senderDetails.heading5(context) : context.translation.receiverDetails.heading5(context),
              ],
            ),
            if ((_userProvider.user?.type == UsersTypes.engineer))
              if(isSender ? (_model?.senderMachineStatusName?.toLowerCase() != "closed" && _model?.senderMachineStatusName?.toLowerCase() != "completed")
              : (_model?.receiverMachineStatusName?.toLowerCase() != "closed" && _model?.receiverMachineStatusName?.toLowerCase() != "completed"))
               CircleAvatar(
                radius: 25,
                backgroundColor: AppColor.neutral30,
                child: CircleAvatar(
                  radius: 24,
                  backgroundColor: Colors.white,
                  child: Padding(
                    padding: const EdgeInsets.only(left: 3.0),
                    child: SvgPicture.asset('assets/images/update.svg'),
                  ),
                ),
              ).onPress(isSender
                  ? () {
                      Navigator.of(context).push(MaterialPageRoute(builder: (_) => UpdateDeviceTransfer(model: _model, isSender: isSender)));
                    }
                  : () {
                      Navigator.of(context).push(MaterialPageRoute(builder: (_) => UpdateDeviceTransfer(model: _model, isSender: isSender)));
                    }),
          ],
        ),
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            _buildTextWidget('${context.translation.site} : $site'),
            _buildTextWidget('${context.translation.unite} : $unit'),
            8.height,
            const Divider(color: Color(0xFFEAF1F4), height: 1, thickness: 1),
            8.height,
            _buildTextWidget(comment),
          ],
        ),
        8.height,
      ],
    ).toShadowContainer(context).paddingOnly(top: 14, start: 14, end: 14);
  }

  int getIdstatus(String status) {
    switch (status) {
      case "Closed":
        return 3;
        break;
      case "Open":
        return 1;
        break;
      case "In Progress":
        return 2;
        break;
    }
  }
}