import 'dart:convert';
import 'dart:io';

import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:provider/provider.dart';
import 'package:test_sa/controllers/api_routes/http_status_manger.dart';
import 'package:test_sa/controllers/localization/localization.dart';
import 'package:test_sa/controllers/providers/api/service_requests_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/controllers/validator/validator.dart';
import 'package:test_sa/extensions/int_extensions.dart';
import 'package:test_sa/extensions/widget_extensions.dart';
import 'package:test_sa/models/service_request/service_request.dart';
import 'package:test_sa/models/subtitle.dart';
import 'package:test_sa/new_views/common_widgets/app_filled_button.dart';
import 'package:test_sa/views/widgets/app_text_form_field.dart';
import 'package:test_sa/views/widgets/date_and_time/time_picker.dart';
import 'package:test_sa/views/widgets/equipment/pick_asset.dart';
import 'package:test_sa/views/widgets/images/multi_image_picker.dart';
import 'package:test_sa/views/widgets/loaders/loading_manager.dart';
import 'package:test_sa/views/widgets/sound/record_sound.dart';
import 'package:test_sa/views/widgets/sound/sound_player.dart';
import 'package:test_sa/views/widgets/speech_to_text/speech_to_text.dart';
import 'package:test_sa/views/widgets/status/service_request/service_request_defect_types_mune.dart';
import 'package:test_sa/views/widgets/status/service_request/service_request_priority_mune.dart';
import 'package:test_sa/views/widgets/status/service_request/service_request_through_mune.dart';
import 'package:test_sa/views/widgets/status/service_request/service_request_types_mune.dart';
import 'package:test_sa/views/widgets/titles/app_sub_title.dart';

import '../../../../controllers/providers/api/status_drop_down/service_reqest/service_request_through_provider.dart';
import '../../../../controllers/providers/api/status_drop_down/service_reqest/service_request_type_provider.dart';
import '../../../../models/device/device.dart';
import '../../../../models/enums/translation_keys.dart';
import '../../../../new_views/common_widgets/default_app_bar.dart';
import '../../../widgets/status/service_request/service_request_first_action.dart';
import '../../../widgets/status/service_request/service_request_loan_availability.dart';

class CreateRequestPage extends StatefulWidget {
  static const String id = "/create-request";
  final ServiceRequest serviceRequest;

  const CreateRequestPage({this.serviceRequest, Key key}) : super(key: key);

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

class CreateRequestPageState extends State<CreateRequestPage> {
  double _height;
  UserProvider _userProvider;
  SettingProvider _settingProvider;
  ServiceRequestsProvider _serviceRequestsProvider;
  ServiceRequest _serviceRequest;
  final List<File> _deviceImages = [];
  bool _isLoading = false;
  bool _showDatePicker = false;
  Device _asset;
  Subtitle _subtitle;
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
  TextEditingController _maintenanceController, _commentController, _reviewCommentController;
  DateTime _dateTime;

  bool isFirstActionSubmitted = false;

  @override
  void initState() {
    _maintenanceController = TextEditingController();
    _commentController = TextEditingController();
    if (widget.serviceRequest != null) {
      _serviceRequest = widget.serviceRequest;
      _asset = _serviceRequest.device;
      _deviceImages.addAll(_serviceRequest.devicePhotos.map((e) => File(e)).toList());
      _showDatePicker = _serviceRequest.firstAction != null && _serviceRequest.firstAction.name == "Need a visit";
      if (_showDatePicker && _serviceRequest.visitDate != null) {
        _dateTime = DateTime.tryParse(_serviceRequest.visitDate);
      }
    } else {
      _serviceRequest = ServiceRequest();
    }
    isFirstActionSubmitted = _serviceRequest?.firstAction != null;
    super.initState();
  }

  //
  // getServiceRequestById(String id) async {
  //   try {
  //     ServiceRequest request = await _serviceRequestsProvider.getServiceRequestObjectById(requestId: id) ?? "";
  //     _serviceRequest = request;
  //     _device = _serviceRequest.device;
  //     _deviceImages.addAll(_serviceRequest.devicePhotos.map((e) {
  //       return File(e);
  //     }).toList());
  //     _showDatePicker = _serviceRequest.firstAction != null && _serviceRequest.firstAction.name == "Need a visit";
  //     if (_showDatePicker && _serviceRequest.visitDate != null) {
  //       _dateTime = DateTime.tryParse(_serviceRequest.visitDate);
  //     }
  //     _isLoading = false;
  //   } catch (ex) {
  //     _isLoading = false;
  //   }
  //   setState(() {});
  // }

  @override
  void dispose() {
    _maintenanceController.dispose();
    _commentController.dispose();
    super.dispose();
  }

  bool _isLocalUrl(String url) {
    if (url?.isEmpty != false) return false;
    return url.startsWith("/") || url.startsWith("file://") || url.substring(1).startsWith(':\\');
  }

  @override
  Widget build(BuildContext context) {
    _height = MediaQuery.of(context).size.height;
    _userProvider = Provider.of<UserProvider>(context);
    _settingProvider = Provider.of<SettingProvider>(context);
    _subtitle = AppLocalization.of(context).subtitle;
    _serviceRequestsProvider = Provider.of<ServiceRequestsProvider>(context);

    return Scaffold(
      key: _scaffoldKey,
      appBar: const DefaultAppBar(title: TranslationKeys.newServiceRequest),
      body: SafeArea(
        child: LoadingManager(
          isLoading: _isLoading,
          isFailedLoading: false,
          stateCode: 200,
          onRefresh: () async {},
          child: Form(
            key: _formKey,
            child: Column(
              children: [
                SingleChildScrollView(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      PickAsset(
                        device: _asset,
                        onPickAsset: (asset) {
                          _asset = asset;
                          setState(() {});
                        },
                      ),
                      const SizedBox(
                        height: 8,
                      ),
                      const ASubTitle("Priority"),
                      const SizedBox(
                        height: 4,
                      ),
                      ServiceRequestPriorityMenu(
                        initialValue: widget.serviceRequest?.priority,
                        onSelect: (status) {
                          _serviceRequest.priority = status;
                        },
                        enabled: widget.serviceRequest == null ? true : false,
                      ),
                      const SizedBox(
                        height: 8,
                      ),
                      const ASubTitle("Equipment Status"),
                      const SizedBox(
                        height: 4,
                      ),
                      ServiceRequestDefectTypesMenu(
                        initialValue: _serviceRequest.defectType,
                        onSelect: (status) {
                          _serviceRequest.defectType = status;
                        },
                        enabled: widget.serviceRequest == null ? true : false,
                      ),
                      12.height,
                      const SizedBox(
                        height: 8,
                      ),
                      const ASubTitle("Type of Request"),
                      const SizedBox(
                        height: 4,
                      ),
                      ServiceRequestTypesMenu(
                        initialValue: _serviceRequest.type,
                        onSelect: (status) {
                          _serviceRequest.type = status;
                        },
                        enabled: false,
                        withDefaultItem: widget.serviceRequest == null,
                      ),
                      const SizedBox(
                        height: 8,
                      ),
                      const ASubTitle("Through"),
                      const SizedBox(
                        height: 4,
                      ),
                      ServiceRequestedThroughMenu(
                        initialValue: _serviceRequest.requestedThrough,
                        enabled: false,
                      ),
                      if (widget.serviceRequest != null) 12.height,
                      if (widget.serviceRequest != null) const ASubTitle("First Action"),
                      const SizedBox(
                        height: 4,
                      ),
                      if (widget.serviceRequest != null)
                        ServiceRequestedFirstAction(
                          initialValue: _serviceRequest.firstAction,
                          enabled: !isFirstActionSubmitted,
                          onSelect: (status) {
                            _dateTime = null;
                            _serviceRequest.firstAction = status;
                            _showDatePicker = _serviceRequest.firstAction != null && _serviceRequest.firstAction.name == "Need a visit";
                            _serviceRequestsProvider.notifyListeners();
                          },
                        ),
                      if (_showDatePicker) 12.height,
                      if (_showDatePicker)
                        ADateTimePicker(
                          date: _dateTime,
                          enable: !isFirstActionSubmitted,
                          from: DateTime.now(),
                          onDateTimePicker: (date) {
                            _dateTime = date;
                            setState(() {});
                          },
                        ),
                      if (widget.serviceRequest != null) 12.height,
                      if (widget.serviceRequest != null) const ASubTitle("Loan Availability"),
                      const SizedBox(
                        height: 4,
                      ),
                      if (widget.serviceRequest != null)
                        ServiceRequestedLoanAvailability(
                          initialValue: _serviceRequest.loanAvailability,
                          onSelect: (status) {
                            _serviceRequest.loanAvailability = status;
                          },
                        ),
                      12.height,
                      if (widget.serviceRequest != null) const ASubTitle("Comments"),
                      const SizedBox(
                        height: 4,
                      ),
                      if (widget.serviceRequest != null)
                        ATextFormField(
                          controller: _reviewCommentController,
                          initialValue: _serviceRequest.reviewComment,
                          hintText: _subtitle.comment,
                          style: Theme.of(context).textTheme.titleMedium,
                          textInputType: TextInputType.multiline,
                          onSaved: (value) {
                            _serviceRequest.reviewComment = value;
                          },
                          enable: widget.serviceRequest != null ? false : true,
                        ),
                      12.height,
                      MultiFilesPicker(
                        label: _subtitle.deviceFiles,
                        files: _deviceImages,
                        enabled: widget.serviceRequest == null ? true : false,
                      ),
                      12.height,
                      SpeechToTextButton(
                        controller: _maintenanceController,
                        enabled: widget.serviceRequest == null ? true : false,
                      ),
                      12.height,
                      ATextFormField(
                        controller: _maintenanceController,
                        initialValue: _serviceRequest.callComments,
                        hintText: _subtitle.maintenanceIssue,
                        prefixIconData: FontAwesomeIcons.triangleExclamation,
                        style: Theme.of(context).textTheme.titleLarge,
                        textInputType: TextInputType.multiline,
                        validator: (value) => widget.serviceRequest != null || Validator.hasValue(value) ? null : _subtitle.maintenanceIssueRequired,
                        onSaved: (value) {
                          _serviceRequest.callComments = value;
                        },
                        enable: widget.serviceRequest == null ? true : false,
                      ),
                      12.height,
                      if (_serviceRequest.audio?.isNotEmpty == true)
                        ASoundPlayer(
                          audio: _serviceRequest.audio,
                        )
                      else
                        RecordSound(
                          onRecord: (audio) {
                            _serviceRequest.audio = audio;
                          },
                          enabled: widget.serviceRequest == null ? true : false,
                        ),
                      12.height,
                      if (widget.serviceRequest != null)
                        ATextFormField(
                          controller: _commentController,
                          initialValue: _serviceRequest.comments,
                          hintText: _subtitle.comment,
                          style: Theme.of(context).textTheme.titleMedium,
                          textInputType: TextInputType.multiline,
                          onSaved: (value) {
                            _serviceRequest.comments = value;
                          },
                        ),
                    ],
                  ),
                ).expanded,
                AppFilledButton(
                    onPressed: () async {
                      if (!_formKey.currentState.validate()) return;
                      if (_asset?.id == null) {
                        Fluttertoast.showToast(msg: _subtitle.pickDevice);
                        return;
                      }
                      if (_serviceRequest.firstAction?.name == "Need a visit" && _dateTime == null) {
                        Fluttertoast.showToast(msg: "first action is required");
                        return;
                      }
                      if (widget.serviceRequest != null && (_serviceRequest?.engineerId == null || (_serviceRequest?.engineerId?.isEmpty ?? false))) {
                        await Fluttertoast.showToast(msg: "No Assigned Employee");
                        return;
                      }
                      _formKey.currentState.save();
                      _serviceRequest.deviceId = _asset?.id;
                      if (widget.serviceRequest == null) {
                        _serviceRequest.type = Provider.of<ServiceRequestTypeProvider>(context, listen: false).getDefaultItem();
                      }
                      _serviceRequest.requestedThrough = Provider.of<ServiceRequestedThroughProvider>(context, listen: false).getDefaultItem();
                      _isLoading = true;
                      setState(() {});
                      _serviceRequest.devicePhotos = _deviceImages.map((e) => _isLocalUrl(e.path) ? "${e.path.split("/").last}|${base64Encode(e.readAsBytesSync())}" : e.path).toList();
                      if (_serviceRequest.audio != null) {
                        if (_isLocalUrl(_serviceRequest.audio)) {
                          final File file = File(_serviceRequest.audio);
                          _serviceRequest.audio = "${file.path.split("/").last}|${base64Encode(file.readAsBytesSync())}";
                        }
                      }
                      int status = 0;
                      if (widget.serviceRequest == null) {
                        status = await _serviceRequestsProvider.createRequest(
                          user: _userProvider.user,
                          host: _settingProvider.host,
                          serviceRequest: _serviceRequest,
                        );
                      } else {
                        status = await _serviceRequestsProvider.updateDate(
                          user: _userProvider.user,
                          host: _settingProvider.host,
                          request: _serviceRequest,
                          date: _dateTime,
                        );
                      }
                      _isLoading = false;
                      setState(() {});
                      if (status >= 200 && status < 300) {
                        Fluttertoast.showToast(
                          msg: _subtitle.requestCompleteSuccessfully,
                        );
                        Navigator.of(context).pop();
                      } else {
                        String errorMessage = HttpStatusManger.getStatusMessage(status: status, subtitle: _subtitle);
                        ScaffoldMessenger.of(context).showSnackBar(SnackBar(
                          content: Text(errorMessage),
                        ));
                      }
                    },
                    label: TranslationKeys.submitRequest),
              ],
            ),
          ).paddingOnly(start: 16, end: 16, bottom: 24, top: 16),
        ),
      ),
    );
  }
}