import 'package:fcs/domain/entities/market.dart';
import 'package:fcs/domain/entities/package.dart';
import 'package:fcs/domain/entities/user.dart';
import 'package:fcs/helpers/theme.dart';
import 'package:fcs/pages/market/market_editor.dart';
import 'package:fcs/pages/market/model/market_model.dart';
import 'package:fcs/pages/package/model/package_model.dart';
import 'package:fcs/pages/package/tracking_id_page.dart';
import 'package:fcs/pages/main/util.dart';
import 'package:fcs/pages/user_search/user_serach.dart';
import 'package:fcs/pages/widgets/display_text.dart';
import 'package:fcs/pages/widgets/fcs_id_icon.dart';
import 'package:fcs/pages/widgets/input_text.dart';
import 'package:fcs/pages/widgets/local_text.dart';
import 'package:fcs/pages/widgets/multi_img_controller.dart';
import 'package:fcs/pages/widgets/multi_img_file.dart';
import 'package:fcs/pages/widgets/progress.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_vector_icons/flutter_vector_icons.dart';
import 'package:intl/intl.dart';
import 'package:provider/provider.dart';

class ProcessingEditEditor extends StatefulWidget {
  final Package? package;
  ProcessingEditEditor({this.package});

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

class _ProcessingEditEditorState extends State<ProcessingEditEditor> {
  TextEditingController _remarkCtl = new TextEditingController();
  TextEditingController _descCtl = new TextEditingController();

  Package? _package;
  User? _consignee;
  User? _sender;
  bool _isLoading = false;

  @override
  void initState() {
    super.initState();
    _package = widget.package;
    selectedMarket = _package!.market ?? "";
    _descCtl.text = _package!.desc ?? "";
    _remarkCtl.text = _package!.remark ?? "";
    multiImgController.setImageUrls = _package!.photoUrls;
    _consignee = User(
        fcsID: _package!.fcsID ?? "",
        name: _package!.userName ?? "",
        phoneNumber: _package!.phoneNumber ?? "");

    _sender = User(
        fcsID: _package!.senderFCSID ?? "",
        name: _package!.senderName ?? "",
        phoneNumber: _package!.senderPhoneNumber ?? "");
  }

  final DateFormat dateFormat = DateFormat("d MMM yyyy");

  bool isNew = false;
  MultiImgController multiImgController = MultiImgController();

  @override
  Widget build(BuildContext context) {
    var fcsIDBox = Row(
      children: <Widget>[
        Expanded(
            child: DisplayText(
          text: _consignee!.fcsID,
          labelTextKey: "processing.fcs.id",
          icon: FcsIDIcon(),
        )),
        IconButton(
            icon: Icon(Icons.search, color: primaryColor),
            onPressed: () => searchUser(context, onUserSelect: (u) {
                  setState(() {
                    this._consignee = u;
                  });
                })),
      ],
    );
    final namebox = DisplayText(
      text: _consignee!.name,
      labelTextKey: "processing.consignee.name",
      iconData: Icons.person,
    );
    final phoneNumberBox = DisplayText(
      text: _consignee!.phoneNumber,
      labelTextKey: "processing.phone",
      iconData: Icons.phone,
    );

    final trackingIdBox = DisplayText(
      text: _package!.trackingID,
      labelTextKey: "processing.tracking.id",
      iconData: MaterialCommunityIcons.barcode_scan,
    );
    final completeProcessingBtn = fcsButton(
      context,
      getLocalString(context, 'processing.edit.complete.btn'),
      callack: _completeProcessing,
    );
    final descBox = InputText(
        labelTextKey: 'processing.desc',
        iconData: MaterialCommunityIcons.message_text_outline,
        controller: _descCtl);
    final remarkBox = InputText(
        labelTextKey: 'processing.remark',
        iconData: Entypo.new_message,
        controller: _remarkCtl);

    final img = MultiImageFile(
      enabled: true,
      controller: multiImgController,
      title: "Receipt File",
    );

    final consigneeBox = Container(
      child: Column(
        children: [
          fcsIDBox,
          phoneNumberBox,
          namebox,
        ],
      ),
    );

    var shipperIDBox = Row(
      children: <Widget>[
        Expanded(
            child: DisplayText(
          text: _sender != null ? _sender!.fcsID : "",
          labelTextKey: "processing.fcs.id",
          icon: FcsIDIcon(),
        )),
        IconButton(
            icon: Icon(Icons.search, color: primaryColor),
            onPressed: () => searchUser(context, onUserSelect: (u) {
                  setState(() {
                    this._sender = u;
                  });
                }, popPage: true)),
      ],
    );

    final shipperPhoneNumberBox = DisplayText(
      text: _sender != null ? _sender!.phoneNumber : "",
      labelTextKey: "processing.phone",
      maxLines: 2,
      iconData: Icons.phone,
    );

    final shipperNamebox = DisplayText(
      text: _sender != null ? _sender!.name : "",
      labelTextKey: "processing.shipper.name",
      maxLines: 2,
      iconData: Icons.person,
    );

    final shipperBox = Container(
      child: Column(
        children: [
          shipperIDBox,
          shipperPhoneNumberBox,
          shipperNamebox,
        ],
      ),
    );

    return LocalProgress(
      inAsyncCall: _isLoading,
      child: Scaffold(
        appBar: AppBar(
          centerTitle: true,
          leading: new IconButton(
            icon: new Icon(CupertinoIcons.back, color: primaryColor, size: 30),
            onPressed: () {
              if (isDataChanged()) {
                showConfirmDialog(context, "back.button_confirm", () {
                  Navigator.of(context).pop();
                });
              } else {
                Navigator.of(context).pop();
              }
            },
          ),
          shadowColor: Colors.transparent,
          backgroundColor: Colors.white,
          title: LocalText(
            context,
            "processing.edit.title",
            fontSize: 20,
            color: primaryColor,
          ),
        ),
        body: Padding(
          padding: const EdgeInsets.all(8.0),
          child: ListView(
            children: [
              trackingIdBox,
              Row(
                children: [
                  Flexible(child: consigneeBox),
                  Flexible(child: shipperBox)
                ],
              ),
              marketDropdown(),
              descBox,
              remarkBox,
              img,
              completeProcessingBtn,
              SizedBox(
                height: 20,
              )
            ],
          ),
        ),
      ),
    );
  }

  String? selectedMarket;
  Widget marketDropdown() {
    List<Market> _markets = Provider.of<MarketModel>(context).markets;
    List<String?> markets = _markets.map((e) => e.name).toList();
    markets.insert(0, MANAGE_MARKET);
    if (!markets.contains(selectedMarket)) {
      markets.insert(0, selectedMarket);
    }

    return Padding(
      padding: const EdgeInsets.only(left: 5.0, right: 0, top: 10),
      child: Row(
        children: [
          Padding(
            padding: const EdgeInsets.only(left: 0, right: 10),
            child: Icon(Icons.store, color: primaryColor),
          ),
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Padding(
                  padding: const EdgeInsets.only(right: 18.0),
                  child: LocalText(
                    context,
                    "processing.market",
                    color: Colors.black54,
                    fontSize: 16,
                  ),
                ),
                DropdownButton<String>(
                  isDense: true,
                  value: selectedMarket,
                  style: TextStyle(color: Colors.black, fontSize: 14),
                  underline: Container(
                    height: 1,
                    color: Colors.grey,
                  ),
                  onChanged: (String? newValue) {
                    setState(() {
                      if (newValue == MANAGE_MARKET) {
                        selectedMarket = null;
                        _manageMarket();
                        return;
                      }
                      selectedMarket = newValue;
                    });
                  },
                  isExpanded: true,
                  items: markets.map<DropdownMenuItem<String>>((String? value) {
                    return DropdownMenuItem<String>(
                      value: value,
                      child: Text(value ?? "",
                          overflow: TextOverflow.ellipsis,
                          style: TextStyle(
                              color: value == MANAGE_MARKET
                                  ? secondaryColor
                                  : primaryColor)),
                    );
                  }).toList(),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  _manageMarket() {
    Navigator.push<Package>(
      context,
      CupertinoPageRoute(builder: (context) => MarketEditor()),
    );
  }

  _completeProcessing() async {
    if (_consignee!.fcsID == null || _consignee!.fcsID == "") {
      showMsgDialog(context, "Error", "Expected FCS-ID");
      return;
    }
    setState(() {
      _isLoading = true;
    });
    PackageModel packageModel =
        Provider.of<PackageModel>(context, listen: false);
    try {
      _package!.fcsID = _consignee!.fcsID;
      _package!.senderFCSID = _sender!.fcsID;
      _package!.desc = _descCtl.text;
      _package!.remark = _remarkCtl.text;
      _package!.market = selectedMarket ?? "";
      await packageModel.updateProcessing(_package!,
          multiImgController.getAddedFile, multiImgController.getDeletedUrl);
      Navigator.pop(context);
    } catch (e) {
      showMsgDialog(context, "Error", e.toString());
    } finally {
      setState(() {
        _isLoading = false;
      });
    }
  }

  isDataChanged() {
    if (isNew) {
      return _consignee!.fcsID != "" ||
          selectedMarket != null ||
          _descCtl.text != "" ||
          _remarkCtl.text != "" ||
          multiImgController.getAddedFile.isNotEmpty;
    } else {
      var _package = Package(
          fcsID: _consignee!.fcsID,
          senderFCSID: _sender!.fcsID,
          market: selectedMarket,
          desc: _descCtl.text ,
          remark: _remarkCtl.text,
          photoUrls: widget.package!.photoUrls);
      return widget.package!.isChangedForEditProcessing(_package) ||
          multiImgController.getAddedFile.isNotEmpty ||
          multiImgController.getDeletedUrl.isNotEmpty;
    }
  }
}