import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:provider/provider.dart';
import 'package:test_sa/controllers/api_routes/http_status_manger.dart';
import 'package:test_sa/controllers/providers/api/gas_refill_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/string_extensions.dart';
import 'package:test_sa/extensions/widget_extensions.dart';
import 'package:test_sa/views/app_style/sizing.dart';
import 'package:test_sa/views/pages/user/gas_refill/request_gas_refill.dart';
import 'package:test_sa/views/widgets/loaders/loading_manager.dart';
import 'package:test_sa/views/widgets/requests/request_status.dart';

import '../../../../extensions/text_extensions.dart';
import '../../../../models/enums/user_types.dart';
import '../../../../models/new_models/gas_refill_model.dart';
import '../../../../new_views/app_style/app_color.dart';
import '../../../../new_views/common_widgets/default_app_bar.dart';
import '../../../app_style/colors.dart';

class GasRefillDetailsPage extends StatefulWidget {
  GasRefillModel model;

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

  @override
  State<GasRefillDetailsPage> createState() => _GasRefillDetailsPageState();
}

class _GasRefillDetailsPageState extends State<GasRefillDetailsPage> {
  GasRefillModel _model = GasRefillModel(gazRefillDetails: []);
  bool _enableEdit = false;
  bool _validate = false;
  UserProvider _userProvider;
  SettingProvider _settingProvider;
  GasRefillProvider _gasRefillProvider;
  bool _isLoading = false;

  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();

  _update() async {
    _validate = true;
    if (!_formKey.currentState.validate()) {
      setState(() {});
      return false;
    }
    _formKey.currentState.save();

    _isLoading = true;
    setState(() {});
    int status = await _gasRefillProvider.updateModel(user: _userProvider.user, host: _settingProvider.host, newModel: _model, oldModel: widget.model);
    _isLoading = false;
    setState(() {});
    if (status >= 200 && status < 300) {
      Fluttertoast.showToast(
        msg: context.translation.successfulRequestMessage,
      );
      _enableEdit = false;
      _validate = false;
      //Navigator.of(context).pop();
    } else {
      String errorMessage = HttpStatusManger.getStatusMessage(status: status, subtitle: context.translation);
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
        content: Text(errorMessage),
      ));
    }
  }

  @override
  void initState() {
    _model.fromGasRefillModel(widget.model);
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
 
    _userProvider = Provider.of<UserProvider>(context);
    _settingProvider = Provider.of<SettingProvider>(context);
    _gasRefillProvider = Provider.of<GasRefillProvider>(context);
    return Scaffold(
      appBar: DefaultAppBar(title: context.translation.gasRefillDetails),
      key: _scaffoldKey,
      body: SafeArea(
        child: Form(
          key: _formKey,
          child: LoadingManager(
            isLoading: _isLoading,
            isFailedLoading: false,
            stateCode: 200,
            onRefresh: () async {},
            child: Column(
              children: [
                informationCard()
              ],
            ),
          ),
        ),
      ),
    );
  }

  Widget informationCard() {
    return Container(
      decoration: ShapeDecoration(
        color: Colors.white,
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(20),
        ),
        shadows: const [BoxShadow(color: Color(0x07000000), blurRadius: 14, offset: Offset(0, 0), spreadRadius: 0)],
      ),
      child: Column(
        children: [
          Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Row(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      //StatusLabel(
                      //label: item.priority.name,
                      //id: serviceRequest.priority.id,
                      //textColor: AColors.getPriorityStatusTextColor(serviceRequest.priority.id),
                      //backgroundColor: AColors.getPriorityStatusColor(serviceRequest.priority.id)
                      //),
                      8.width,
                      StatusLabel(
                          label: widget.model.status?.name??"",
                          textColor: AColors.getRequestStatusTextColor(widget.model.status?.value??0),
                          backgroundColor: AColors.getRequestStatusColor(widget.model.status?.value??0)),
                      8.height,
                      Text(context.translation.gasRefillRequest, style: AppTextStyles.heading5.copyWith(color: const Color(0xFF3B3D4A))),
                    ],
                  ),
                  1.width.expanded,
                  if (_userProvider.user.type == UsersTypes.engineer)
                    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(
                      // (widget.model.status?.value ?? 0) == 2
                      //   ? null
                      //   :
                          () async {
                      // _enableEdit = !_enableEdit;
                      _model?.fromGasRefillModel(widget.model);
                      // setState(() {});
                      Navigator.push(
                        context,
                        MaterialPageRoute(
                          builder: (context) => RequestGasRefill(
                            gasRefillModel: widget.model,
                          ),
                        ),
                      ).then((value) {
                        if (value != null) {
                          _model = value;
                        }
                      });
                      setState(() {});
                    },),
                ],
              ),
              8.height,
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        'Gas Request:',
                        style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
                      ),
                      Text(
                        'Cylinder Size: ${widget.model.gazRefillDetails[0].cylinderSize.value}',
                        style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
                      ),
                      Text(
                        'Site: ${widget.model.site.name}',
                        style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
                      ),
                    ],
                  ),
                  Text(widget.model.startDate?.toServiceRequestCardFormat??"", textAlign: TextAlign.end, style: AppTextStyles.tinyFont.copyWith(color: const Color(0xFF3B3D4A))),
                ],
              ),
              8.height,
              const Divider(color: Color(0xFFEAF1F4), height: 1, thickness: 1),
              8.height,
              Text(
                'Request Quantity: ${widget.model.gazRefillDetails[0].requestedQty}',
                style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
              ),
              Text(
                'Delivered Quantity: ${widget.model.gazRefillDetails[0].deliverdQty}',
                style: AppTextStyles.bodyText.copyWith(color: Color(0xFF757575)),
              ),
              8.height,
            ],
          ).paddingAll(16),
          (_userProvider.user.type == UsersTypes.normal_user
              ? Container(
            height: 50,
            padding: const EdgeInsets.only(left: 16, right: 16),
            alignment: Alignment.center,
            width: double.infinity,
            decoration: const ShapeDecoration(
              color: Color(0xFFEAF1F4),
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.only(
                  bottomLeft: Radius.circular(20),
                  bottomRight: Radius.circular(20),
                ),
              ),
            ),
            child: Row(
              children: [
                Text(
                  'Comment here...',
                  style: AppTextStyles.heading6.copyWith(
                    color: AppColor.neutral50.withOpacity(.6),
                  ),
                ).expanded,
                SvgPicture.asset("assets/images/comment_send.svg", width: 24 * AppStyle.getScaleFactor(context), height: 24 * AppStyle.getScaleFactor(context), color: AppColor.primary70),
              ],
            ),
          )
              : Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              const Divider(color: Color(0xFFEAF1F4), height: 1, thickness: 1),
              16.height,
              Row(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Text(
                    'View Comments',
                    style: AppTextStyles.bodyText.copyWith(color: const Color(0xFF4A8DB7)),
                  ),
                  4.width,
                  const Icon(
                    Icons.arrow_forward,
                    color: Color(0xFF4A8DB7),
                    size: 14,
                  )
                ],
              ),
            ],
          ).paddingOnly(bottom: 16, start: 16, end: 16))
              .onPress(() {
          }),
        ],
      ),
    ).paddingAll(16);
  }
}