import 'dart:convert';
import 'dart:typed_data';

import 'package:doctor_app_flutter/config/size_config.dart';
import 'package:doctor_app_flutter/providers/medicine_provider.dart';
import 'package:doctor_app_flutter/util/dr_app_shared_pref.dart';
import 'package:doctor_app_flutter/util/helpers.dart';
import 'package:doctor_app_flutter/widgets/shared/app_scaffold_widget.dart';
import 'package:doctor_app_flutter/widgets/shared/app_texts_widget.dart';
import 'package:doctor_app_flutter/widgets/shared/dr_app_circular_progress_Indeicator.dart';
import 'package:doctor_app_flutter/widgets/shared/rounded_container_widget.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:maps_launcher/maps_launcher.dart';
import 'package:url_launcher/url_launcher.dart';

DrAppSharedPreferances sharedPref = DrAppSharedPreferances();

class PharmaciesListScreen extends StatefulWidget {
  final int itemID;

  final String url;

  // In the constructor, require a item id.
  PharmaciesListScreen({Key key, @required this.itemID, this.url})
      : super(key: key);

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

class _PharmaciesListState extends State<PharmaciesListScreen> {
  var _data;
  Helpers helpers = new Helpers();
  MedicineProvider _medicineProvider;

  bool _isInit = true;
  //bool _isOutOfStuck = false;

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    if (_isInit) {
      _medicineProvider = Provider.of<MedicineProvider>(context);
      pharmaciesList();
    }
    _isInit = false;
  }

  @override
  Widget build(BuildContext context) {
    return AppScaffold(
        appBarTitle: "Pharmacies List",
        body: Column(children: <Widget>[
          RoundedContainer(
              child: !_medicineProvider.isFinished
                  ? DrAppCircularProgressIndeicator()
                  : _medicineProvider.hasError
                      ? Center(
                          child: Text(
                            _medicineProvider.errorMsg,
                            style:
                                TextStyle(color: Theme.of(context).errorColor),
                          ),
                        )
                      : StreamBuilder<Object>(
                          stream: null,
                          builder: (context, snapshot) {
                            return Row(
                              children: <Widget>[
                                Expanded(
                                  flex: 1,
                                  child: ClipRRect(
                                    borderRadius:
                                    BorderRadius.all(Radius.circular(7)),
                                    child: Image.memory(
                                      dataFromBase64String(widget.url),
                                      height: SizeConfig.imageSizeMultiplier * 21,
                                      width: SizeConfig.imageSizeMultiplier * 20,
                                      fit: BoxFit.cover,
                                    ),
                                  ),
                                ),
                                Expanded(
                                  flex: 3,
                                  child: Column(
                                    mainAxisAlignment: MainAxisAlignment.start,
                                    crossAxisAlignment:
                                        CrossAxisAlignment.stretch,
                                    children: <Widget>[
                                      AppText(
                                        "Description",
                                        marginLeft: 10,
                                        marginTop: 0,
                                        marginRight: 10,
                                        marginBottom: 2,
                                        fontWeight: FontWeight.bold,
                                      ),
                                      AppText(
                                        _data[0]["ItemDescription"],
                                        marginLeft: 10,
                                        marginTop: 0,
                                        marginRight: 10,
                                        marginBottom: 10,
                                      ),
                                      AppText(
                                        "Price",
                                        marginLeft: 10,
                                        marginTop: 0,
                                        marginRight: 10,
                                        marginBottom: 2,
                                        fontWeight: FontWeight.bold,
                                      ),
                                      AppText(
                                        _data[0]["SellingPrice"].toString(),
                                        marginLeft: 10,
                                        marginTop: 0,
                                        marginRight: 10,
                                        marginBottom: 10,
                                      ),
                                    ],
                                  ),
                                )
                              ],
                            );
                          })),
          Container(
              margin: EdgeInsets.only(top:SizeConfig.widthMultiplier * 2,
              bottom: SizeConfig.widthMultiplier * 2,
              right: SizeConfig.widthMultiplier * 4,
              left: SizeConfig.widthMultiplier * 4,),
              child: Align(
                  alignment: Alignment.centerLeft,
                  child: AppText(
                    "You can Find it in",
                    fontWeight: FontWeight.bold,
                  ))),
          Expanded(
            child: Container(
              width: SizeConfig.screenWidth * 0.99,
              child: ListView.builder(
                  scrollDirection: Axis.vertical,
                  shrinkWrap: true,
                  itemCount: _data == null ? 0 : _data.length,
                  itemBuilder: (BuildContext context, int index) {
                    return RoundedContainer(
                      child: Row(
                        children: <Widget>[
                          Expanded(
                            flex: 1,
                            child: ClipRRect(
                              borderRadius:
                                  BorderRadius.all(Radius.circular(7)),
                              child: Image.network(
                                _data[index]["ProjectImageURL"],
                                height: SizeConfig.imageSizeMultiplier * 15,
                                width: SizeConfig.imageSizeMultiplier * 15,
                                fit: BoxFit.cover,
                              ),
                            ),
                          ),
                          Expanded(
                            flex: 4,
                            child: AppText(
                              _data[index]["LocationDescription"],
                              margin: 10,
                            ),
                          ),
                          Expanded(
                            flex: 2,
                            child: Wrap(
                              direction: Axis.horizontal,
                              alignment: WrapAlignment.end,
                              crossAxisAlignment: WrapCrossAlignment.end,
                              children: <Widget>[
                                Padding(
                                  padding: EdgeInsets.all(5),
                                  child: InkWell(
                                    child: Icon(
                                      Icons.call,
                                      color: Colors.red,
                                    ),
                                    onTap: () => launch(
                                        "tel://" + _data[index]["PhoneNumber"]),
                                  ),
                                ),
                                Padding(
                                  padding: EdgeInsets.all(5),
                                  child: InkWell(
                                    child: Icon(
                                      Icons.pin_drop,
                                      color: Colors.red,
                                    ),
                                    onTap: () {
                                      MapsLauncher.launchCoordinates(
                                          double.parse(
                                              _data[index]["Latitude"]),
                                          double.parse(
                                              _data[index]["Longitude"]),
                                          _data[index]["LocationDescription"]);
                                    },
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ],
                      ),
                    );
                  }),
            ),
          )
        ]));
  }

  Future<bool> pharmaciesList() async {
    _medicineProvider.getPharmaciesList(widget.itemID).then((result) {
      this.setState(() {
        _data = _medicineProvider.pharmaciesList;
      });
    });
    return true;
  }

  Image imageFromBase64String(String base64String) {
    return Image.memory(base64Decode(base64String));
  }

  Uint8List dataFromBase64String(String base64String) {
    return base64Decode(base64String);
  }

  String base64String(Uint8List data) {
    return base64Encode(data);
  }
}