import 'dart:convert';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:employee_selfservice_mobile/Screens/Menu/SlipGaji/RequestHttp/detailSlipGaji_post.dart';
import 'package:employee_selfservice_mobile/Screens/Menu/SlipGaji/RequestHttp/downloadSlipGaji_post.dart';
import 'package:employee_selfservice_mobile/Screens/Menu/SlipGaji/RequestHttp/historySlipGaji_post.dart';
import 'package:employee_selfservice_mobile/Screens/Menu/SlipGaji/background.dart';
import 'package:employee_selfservice_mobile/constants.dart';
import 'package:progress_dialog_null_safe/progress_dialog_null_safe.dart';
import 'dart:developer' as logDev;

import 'package:shared_preferences/shared_preferences.dart';
import 'package:url_launcher/url_launcher.dart';

class SlipGajiScreen extends StatefulWidget {
  const SlipGajiScreen({Key? key}) : super(key: key);

  @override
  State<SlipGajiScreen> createState() => _SlipGajiScreenState();
}

class _SlipGajiScreenState extends State<SlipGajiScreen> {
  //History Slip Gaji
  late List <String> dateTo_List;
  late List <String> batchID_List;

  //Detail Slip Gaji
  late List <String> number_List;
  late List <String> period_List;
  late List <String> namaPegawai_List;
  late List <String> status_List;
  late List <String> structure_List;
  late String position;

  //Komponen Gaji
  late List <String> name_List;
  late List <String> category_List;
  late List <String> total_List;

  int HistoryLength = 0;
  late int indexBatchID = 0;

  var selectedDate;
  bool visible = false;

  @override
  void initState() {
    super.initState();
    dateTo_List = [""];
    batchID_List = [""];

    number_List = [""];
    period_List = [""];
    namaPegawai_List = [""];
    status_List = [""];
    structure_List = [""];
    position = "";

    name_List = [""];
    category_List = [""];
    total_List = [""];

    WidgetsBinding.instance.addPostFrameCallback((_) {
      getHistoryData();
    });
  }

  getHistoryData() async {
    ProgressDialog loading = ProgressDialog(context);
    loading = ProgressDialog(context,
        type: ProgressDialogType.normal, isDismissible: false, showLogs: true);
    loading.style(
        message: 'Please Wait .....',
        borderRadius: 3,
        backgroundColor: Colors.white,
        progressWidget: CircularProgressIndicator(),
        elevation: 10.0,
        padding: EdgeInsets.all(10),
        insetAnimCurve: Curves.easeInOut,
        progress: 0.0,
        maxProgress: 100.0,
        progressTextStyle: TextStyle(
            color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
        messageTextStyle: TextStyle(
            color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.w600));
    await loading.show();
    HistorySlipGaji_Post.connectToAPI().then((valueResult) async {
      Map<String, dynamic> object = json.decode(valueResult);
      if (object.containsKey("result").toString() == "true"){
        String result = object['result'].toString();
        if (result.contains("failed")) {
          await loading.hide();
          setState(() {
            alertDialogFailedRetrievedData(context);
          });
        } else {
          List <dynamic> historySlipGaji = object['result'];
          setState(() {
            for (int i = 0; i < historySlipGaji.length; i++){
              String dateTo = historySlipGaji[i]['date_to'].toString();
              String bulan = dateTo.substring(5,7);
              String tahun = dateTo.substring(0,4);
              String batchID = historySlipGaji[i]['batch_id'].toString();

              String bulanStr = "";
              if (bulan == "01"){
                bulanStr = "January";
              } else if (bulan == "02"){
                bulanStr = "February";
              } else if (bulan == "03"){
                bulanStr = "March";
              } else if (bulan == "04"){
                bulanStr = "April";
              } else if (bulan == "05"){
                bulanStr = "May";
              } else if (bulan == "06"){
                bulanStr = "June";
              } else if (bulan == "07"){
                bulanStr = "July";
              } else if (bulan == "08"){
                bulanStr = "August";
              } else if (bulan == "09"){
                bulanStr = "September";
              } else if (bulan == "10"){
                bulanStr = "October";
              } else if (bulan == "11"){
                bulanStr = "November";
              } else if (bulan == "12"){
                bulanStr = "December";
              }

              String bulanTahun = bulanStr + " " + tahun;
              dateTo_List.add(bulanTahun);
              batchID_List.add(batchID);
            }
            dateTo_List.removeAt(0);
            batchID_List.removeAt(0);
            logDev.log(dateTo_List.toString(), name: "LIST DATE");
            HistoryLength = historySlipGaji.length;

          });
          await loading.hide();
        }
      } else {
        setState((){
          alertDialogFailedResponse(context);
        });
        await loading.hide();
      }
      await loading.hide();
    });
    return HistoryLength;
  }

  getDetailData () async {
    ProgressDialog loading = ProgressDialog(context);
    loading = ProgressDialog(context,
        type: ProgressDialogType.normal, isDismissible: false, showLogs: true);
    loading.style(
        message: 'Please Wait .....',
        borderRadius: 3,
        backgroundColor: Colors.white,
        progressWidget: CircularProgressIndicator(),
        elevation: 10.0,
        padding: EdgeInsets.all(10),
        insetAnimCurve: Curves.easeInOut,
        progress: 0.0,
        maxProgress: 100.0,
        progressTextStyle: TextStyle(
            color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
        messageTextStyle: TextStyle(
            color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.w600));
    await loading.show();

    final SharedPreferences prefs = await SharedPreferences.getInstance();
      DetailSlipGaji_Post.connectToAPI(batchID_List[indexBatchID]).then((valueResult) async {
        Map<String, dynamic> object = json.decode(valueResult);
        if (object.containsKey("result").toString() == "true"){
          String result = object['result'].toString();
          if (result.contains("failed")) {
            await loading.hide();
            logDev.log("ERROR", name: "FAILED RESULT");
            setState(() {
              alertDialogFailedRetrievedData(context);
            });
          } else {
            List <dynamic> detailSlipGaji = object['result'];
            setState(() {
              position = prefs.getString('position')!;
              logDev.log(position, name: "POSITION");
              for (int i = 0; i < detailSlipGaji.length; i++){
                String nomor = detailSlipGaji[i]['number'].toString();
                logDev.log(nomor, name: "NOMOR/NUMBER");
                String tanggalAwal = detailSlipGaji[i]['date_from'];
                String tanggalAkhir = detailSlipGaji[i]['date_to'];
                String namaPegawai = detailSlipGaji[i]['employee'];
                String status = detailSlipGaji[i]['status'];
                String structure =detailSlipGaji[i]['structure'];
                //number_List.add(nomor);
                structure_List.add(structure);
                period_List.add(tanggalAwal + " to " + tanggalAkhir);
                namaPegawai_List.add(namaPegawai);
                status_List.add(status);

                List <dynamic> component =detailSlipGaji[i]['component'];
                logDev.log(component.length.toString(), name: "BANYAK COMPONENT");
                for (int j = 0; j < component.length; j++){
                  String name = component[j]['name'].toString();
                  String category = component[j]['category'].toString();
                  double total = component[j]['total'];

                  name_List.add(name);
                  category_List.add(category);
                  total_List.add(total.toString());
                }
              }


              number_List.remove(0);
              structure_List.removeAt(0);
              period_List.removeAt(0);
              namaPegawai_List.removeAt(0);
              status_List.removeAt(0);

              name_List.removeAt(0);
              category_List.removeAt(0);
              total_List.removeAt(0);
            });
            await loading.hide();
          }
        } else {
          setState((){
            alertDialogFailedResponse(context);
            logDev.log("ERROR", name: "RESPONSE FAILED RESULT");
           /* Fluttertoast.showToast(
                msg: "Server Response Error",
                toastLength: Toast.LENGTH_SHORT,
                gravity: ToastGravity.CENTER,
                timeInSecForIosWeb: 1,
                textColor: Colors.white,
                fontSize: 16.0);*/
          });
          await loading.hide();
        }
        await loading.hide();
      });

  }

  @override
  Widget build(BuildContext context) {
    var size = MediaQuery.sizeOf(context);
    return Scaffold(
      body: SingleChildScrollView(
          child: Column(
        children: <Widget>[
          Stack(
            children: [
              WavyHeader(),
              Container(
                margin: EdgeInsets.only(top: MediaQuery.of(context).size.height/6 - 20),
                padding: EdgeInsets.fromLTRB(20, 5, 25, 5),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.end,
                  crossAxisAlignment: CrossAxisAlignment.end,
                  children: [
                    Text(
                      'Pay Slip\t\t',
                      maxLines: 1,
                      style: GoogleFonts.luckiestGuy(
                        fontSize: 28,
                        color: Color(0xFF4858A7),
                        fontStyle: FontStyle.italic,
                      ),
                    ),
                    Image.asset('assets/icons/ic_salary.png', width: 40, height: 40,),
                  ],
                )
              ),
              SafeArea(
                  child: Container(
                width: MediaQuery.of(context).size.width,
                margin: EdgeInsets.only(
                  top: MediaQuery.of(context).size.height / 5,
                  left: 15,
                  right: 15,
                ),
                child: Column(
                  children: [
                    Container(
                      margin: EdgeInsets.only(bottom: 20),
                      child: Row(
                        children: [
                          Expanded(
                              flex: 2,
                              child: Text(
                                'Date\t:\t',
                                style: GoogleFonts.inconsolata(fontSize: 20),
                              )),
                          Expanded(
                              flex: 8,
                              child: Container(
                                decoration: BoxDecoration(
                                    color: CupertinoColors.systemGrey2,
                                    borderRadius: BorderRadius.circular(5)),
                                child: DropdownButton(
                                  menuMaxHeight: size.height * 0.31,
                                  value: this.selectedDate,
                                  isExpanded: true,
                                  underline: SizedBox(),
                                  hint: Text(
                                    '\t\t\tChoose Date',
                                    style: TextStyle(color: Colors.black54),
                                  ),
                                  onChanged: (value) {
                                    print(value);
                                    setState(() {
                                      selectedDate = value!;
                                      if (selectedDate == value){
                                        visible = true;
                                        for (int i = 0; i < dateTo_List.length; i ++){
                                          if (selectedDate == dateTo_List[i]){
                                            indexBatchID = i;
                                            break;
                                          }
                                        }
                                        //logDev.log(indexBatchID.toString(), name: "INDEX BATCH ID");
                                        getDetailData();
                                      } else {
                                        visible = false;
                                      }
                                    });
                                  },
                                  items: dateTo_List
                                      .map(
                                        (e) => DropdownMenuItem(
                                            value: e,
                                            child: Text("\t\t\t" + e)),
                                      )
                                      .toList(),
                                ),
                              )),
                        ],
                      ),
                    ),
                    Visibility(
                      visible: visible,
                      child: Text(
                        'Pay Slip ' + selectedDate.toString() + "\nPT. Global Service Indonesia",
                        textAlign: TextAlign.center,
                        style: GoogleFonts.viga(
                          fontSize: 15,
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                    ),
                    Visibility(
                        visible: visible,
                        child: ListView.builder(
                          shrinkWrap: true,
                          itemCount: 1,
                          itemBuilder: (context, int indexBatchID){
                            return Container(
                              //height: 200,
                              margin: EdgeInsets.fromLTRB(0, 15, 0, 10),
                              decoration: BoxDecoration(
                                color: Color(0XFFFFFEFC),
                                borderRadius: BorderRadius.circular(10),
                              ),
                              child: Card(
                                elevation: 5,
                                child: Column(
                                  children: [
                                    Text(number_List[indexBatchID], style: GoogleFonts.rubikBubbles(fontSize: 16)),
                                    Text(structure_List[indexBatchID], style: GoogleFonts.nunito(fontSize: 15)),
                                    Text(period_List[indexBatchID], style: GoogleFonts.nunito(fontSize: 15)),
                                    Text(name_List[indexBatchID], style: GoogleFonts.nunito(fontSize: 15)),
                                    Text(position, style: GoogleFonts.nunito(fontSize: 15)),
                                    Text("Payment : " /*+ payment_List[i]*/, style: GoogleFonts.yeonSung(fontSize: 14, fontStyle: FontStyle.italic)),
                                    Text(number_List[indexBatchID], style: GoogleFonts.rubikBubbles(fontSize: 16)),
                                  ],
                                ),
                              ),
                            );
                          },
                        ),
                    ),
                    Visibility(
                      visible: visible,
                      child: Container(
                        alignment: Alignment.centerRight,
                        child: ElevatedButton(
                          onPressed: () async {
                            ProgressDialog loading = ProgressDialog(context);
                            loading = ProgressDialog(context,
                                type: ProgressDialogType.normal, isDismissible: false, showLogs: true);
                            loading.style(
                                message: 'Please Wait .....',
                                borderRadius: 3,
                                backgroundColor: Colors.white,
                                progressWidget: CircularProgressIndicator(),
                                elevation: 10.0,
                                padding: EdgeInsets.all(10),
                                insetAnimCurve: Curves.easeInOut,
                                progress: 0.0,
                                maxProgress: 100.0,
                                progressTextStyle: TextStyle(
                                    color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400),
                                messageTextStyle: TextStyle(
                                    color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.w600));
                            await loading.show();

                            DownloadSlipGaji_Post.connectToAPI(batchID_List[indexBatchID]).then((valueResult) async {
                              Map<String, dynamic> object = json.decode(valueResult);
                              if (object.containsKey("result").toString() == "true"){
                                String result = object['result'].toString();
                                if (result.contains("failed")) {
                                  await loading.hide();
                                  setState(() {
                                    alertDialogFailedDownloadPayslip(context);
                                  });
                                } else if (result.contains("url")){
                                  await loading.hide();
                                  setState(() {
                                    //_launchURL(Uri.parse(baseURL + object['result']['url'].toString()));
                                    Uri url = Uri.parse(Uri.encodeFull(baseURL + object['result']['url'.toString()]));
                                    launchUrl(url, mode: LaunchMode.externalApplication);
                                  });
                                }
                              } else {
                                await loading.hide();
                                setState((){
                                  alertDialogFailedResponse(context);
                                });
                              }
                              await loading.hide();
                            });
                          },
                          style: ElevatedButton.styleFrom(),
                          child: Text('Download Slip Gaji'),
                        ),
                      ),
                    ),
                  ],
                ),
              )),
            ],
          ),
        ],
      )),
    );
  }
}

const List<Color> Gradients1 = [
  Color(0xFF0EDED2),
  Color(0xFF03A0FE),
];

launchURL(Uri url) async {
  if (await canLaunchUrl(url)) {
    await launchUrl(url);
  } else {
    throw 'Could not launch $url';
  }
}

alertDialogFailedRetrievedData(BuildContext context){
  Widget okButton = TextButton(
    child: Text("Refresh"),
    onPressed: () {
      Navigator.of(context, rootNavigator: true).pop();
      Navigator.pushReplacement(context, MaterialPageRoute(
          builder: (context) => SlipGajiScreen()));
    },
  );

  Widget noButton = TextButton(
    child: Text("Back"),
    onPressed: () {
      Navigator.of(context, rootNavigator: true).pop();
      Navigator.pop(context);

    },
  );

  // set up the AlertDialog
  AlertDialog alert = AlertDialog(
    title: Text(appName),
    content: Text("Failed to Retrieve Data"),
    actions: [
      noButton,
      okButton,
    ],
  );

  // show the dialog
  showDialog(
    context: context,
    barrierDismissible: false,
    builder: (BuildContext context) {
      return alert;
    },
  );
}

alertDialogFailedResponse(BuildContext context){
  Widget okButton = TextButton(
    child: Text("Refresh"),
    onPressed: () {
      Navigator.of(context, rootNavigator: true).pop();
      Navigator.pushReplacement(context, MaterialPageRoute(
          builder: (context) => SlipGajiScreen()));
    },
  );

  Widget noButton = TextButton(
    child: Text("Back"),
    onPressed: () {
      Navigator.of(context, rootNavigator: true).pop();
      Navigator.pop(context);

    },
  );

  // set up the AlertDialog
  AlertDialog alert = AlertDialog(
    title: Text(appName),
    content: Text("Server Response Error"),
    actions: [
      noButton,
      okButton,
    ],
  );

  // show the dialog
  showDialog(
    context: context,
    barrierDismissible: false,
    builder: (BuildContext context) {
      return alert;
    },
  );
}

alertDialogFailedDownloadPayslip(BuildContext context){
  Widget okButton = TextButton(
    child: Text("Try Again"),
    onPressed: () {
      Navigator.of(context, rootNavigator: true).pop();
      Navigator.pop(context);

    },
  );

  // set up the AlertDialog
  AlertDialog alert = AlertDialog(
    title: Text(appName),
    content: Text("Failed to Download Payslip"),
    actions: [
      okButton,
    ],
  );

  // show the dialog
  showDialog(
    context: context,
    barrierDismissible: false,
    builder: (BuildContext context) {
      return alert;
    },
  );
}