import 'package:fcs/domain/entities/package.dart';
import 'package:fcs/helpers/theme.dart';
import 'package:fcs/pages/main/model/main_model.dart';
import 'package:fcs/pages/main/util.dart';
import 'package:fcs/pages/package/model/package_model.dart';
import 'package:fcs/pages/widgets/display_text.dart';
import 'package:fcs/pages/widgets/local_app_bar.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:fcs/pages/widgets/status_tree.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';

import 'receiving_editor.dart';

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

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

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

class _ReceivingInfoState extends State<ReceivingInfo> {
  Package? _package;
  bool _isLoading = false;
  MultiImgController multiImgController = MultiImgController();

  @override
  void initState() {
    super.initState();
    initPackage(widget.package!);
  }

  initPackage(Package? package) {
    if (package == null) return;
    multiImgController.setImageUrls = package.photoUrls;
    setState(() {
      _package = package;
    });
  }

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

  @override
  Widget build(BuildContext context) {
    bool isCustomer = Provider.of<MainModel>(context).isCustomer();

    final trackingIdBox = DisplayText(
      text: _package!.trackingID,
      labelTextKey: "package.tracking.id",
      iconData: MaterialCommunityIcons.barcode_scan,
    );

    final consigneeBox = userDisplayBox(context,
        lableKey: "box.consignee.title",
        icon: MaterialCommunityIcons.account_arrow_left,
        name: _package?.userName ?? "",
        fcsID: _package?.fcsID ?? "");

    final remarkBox = DisplayText(
      text: _package!.remark ?? "-",
      labelTextKey: "package.edit.remark",
      iconData: Entypo.new_message,
    );
    final img = MultiImageFile(
      enabled: false,
      controller: multiImgController,
      title: "Receipt File",
    );

    return LocalProgress(
      inAsyncCall: _isLoading,
      child: Scaffold(
        appBar: LocalAppBar(
          labelKey: "receiving.info",
          backgroundColor: Colors.white,
          arrowColor: primaryColor,
          labelColor: primaryColor,
          actions: isCustomer
              ? null
              : <Widget>[
                  IconButton(
                    icon: Icon(Icons.delete, color: primaryColor),
                    onPressed: _delete,
                  ),
                  IconButton(
                    icon: Icon(Icons.edit, color: primaryColor),
                    onPressed: _edit,
                  )
                ],
        ),
        body: Card(
          elevation: 0,
          child: Column(
            children: <Widget>[
              Expanded(
                  child: Padding(
                padding: const EdgeInsets.all(10.0),
                child: ListView(children: <Widget>[
                  trackingIdBox,
                  consigneeBox,
                  remarkBox,
                  _package!.photoUrls.isEmpty
                      ? Container()
                      : Padding(
                          padding: const EdgeInsets.only(top: 5),
                          child: img,
                        ),
                  Padding(
                    padding: const EdgeInsets.only(top: 15),
                    child: StatusTree(
                        shipmentHistory: _package!.shipmentHistory,
                        currentStatus: _package!.status),
                  ),
                  SizedBox(height: 20)
                ]),
              )),
            ],
          ),
        ),
      ),
    );
  }

  _edit() async {
    await Navigator.push(
      context,
      CupertinoPageRoute(
          builder: (context) => ReceivingEditor(package: _package)),
    );
    PackageModel packageModel =
        Provider.of<PackageModel>(context, listen: false);
    var pkg = await packageModel.getPackage(widget.package!.id!);
    initPackage(pkg);
  }

  _delete() {
    showConfirmDialog(context, "receiving.delete.confirm", _deleteReceiving);
  }

  _deleteReceiving() async {
    setState(() {
      _isLoading = true;
    });
    try {
      PackageModel packageModel =
          Provider.of<PackageModel>(context, listen: false);
      await packageModel.deleteReceiving(_package!);
      Navigator.pop(context);
    } catch (e) {
      showMsgDialog(context, "Error", e.toString());
    } finally {
      setState(() {
        _isLoading = false;
      });
    }
  }
}