canvasing/lib/Screens/Menu/Reimburse/reimburse_screen.dart

import 'dart:convert';
import 'dart:io';
import 'package:file_picker/file_picker.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:employee_selfservice_mobile/Screens/Menu/Reimburse/RequestHttp/categoryReimburse_post.dart';
import 'package:intl/intl.dart';
import 'package:progress_dialog_null_safe/progress_dialog_null_safe.dart';

import 'dart:developer' as logDev;
import '../SlipGaji/background.dart';
import 'RequestHttp/pengajuanReimburse_post.dart';
import 'history_reimburse.dart';

List<String> fileAttach = [""];
TextEditingController namaProdukTeksController = TextEditingController();
TextEditingController deskripsiTeksController = TextEditingController();
TextEditingController totalHargaTeksController = TextEditingController();

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

  @override
  State<ReimburseScreen> createState() => _ReimburseScreen();
}

class _ReimburseScreen extends State<ReimburseScreen> {
  String _fileText = "";
  String _totalFile= "";

  bool visibleDateFrom = false;

  late List <String> idReimburseCategory;
  late List <String> reimburseCategory;

  DateTime dateFrom = DateTime.now();

  late String formattedDateFrom = "";
  late String idReimburse;

  var selectedCategory;
  String valuePayment = "";

  initState(){
    namaProdukTeksController.clear();
    deskripsiTeksController.clear();
    totalHargaTeksController.clear();
    reimburseCategory = [""];
    idReimburseCategory = [""];
    WidgetsBinding.instance.addPostFrameCallback((_) {
      reimburseCategory = getKategoriReimburse();
    });
    super.initState();
  }

  getKategoriReimburse () 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();
    CategoryReimburse_Post.connectToAPI().then((valueResult) async {
      Map<String, dynamic> object = json.decode(valueResult);
      if (object.containsKey("result").toString() == "true"){
        String result = object['result'].toString();
        logDev.log(result, name: "Jenis Cuti Result");
        if (result.contains("failed")) {
          await loading.hide();
          setState(() {
            alertDialogFailedRetrievedData(context);
          });
        } else {
          List <dynamic> kategori = object['result'];
          setState(() {
            idReimburseCategory.removeAt(0);
            reimburseCategory.removeAt(0);
            for (int i = 0; i < kategori.length; i++){
              int id = kategori[i]['id'];
              String name = kategori[i]['name'].toString();
              idReimburseCategory.add(id.toString());
              reimburseCategory.add(name);
            }
            logDev.log(idReimburseCategory.toString(), name: "ID Reimburse");
          });
          await loading.hide();
        }
      } else {
        setState(() async {
          await loading.hide();
          alertDialogFailedResponse(context);
        });
        await loading.hide();
      }
    });
    return reimburseCategory;
  }

  @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(
                            'Reimburse\t\t',
                            maxLines: 2,
                            style: GoogleFonts.luckiestGuy(
                              fontSize: 28,
                              color: Color(0xFF4858A7),
                              fontStyle: FontStyle.italic,
                            ),
                          ),
                          Image.asset("assets/icons/menu/ic_reimburse.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: 10,
                        right: 10,
                        bottom : 15,
                      ),
                      child: Column(
                        children: [
                          InkWell(
                            child: Container(
                                margin: EdgeInsets.only(top: 5, bottom: 15),
                                padding: EdgeInsets.fromLTRB(10, 10, 10, 10),
                                width: double.infinity,
                                decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(5),
                                    gradient: LinearGradient(colors: [
                                      Color(0xFF2D4059),
                                      Color(0xFF2D4059),
                                      /*Color(0xFFEAFFD0),
                                  Color(0xFF95E1D3),*/
                                    ])),
                                child: Row(
                                  mainAxisAlignment: MainAxisAlignment.center,
                                  children: [
                                    Text('See Reimburse History\t\t',
                                        textAlign: TextAlign.center,
                                        style: TextStyle(
                                            color: Colors.white,
                                            fontSize: 17,
                                            fontWeight: FontWeight.w500)),
                                    Image.asset(
                                      'assets/images/ic_arrow_white.png',
                                      width: 30,
                                      height: 30,
                                    )
                                  ],
                                )),
                            onTap: () {
                              Navigator.push(context, MaterialPageRoute(
                                  builder: (context) => HistoryReimburse()));
                            },
                          ),
                          Container(
                            child: Card(
                              elevation: 10,
                              child: Container(
                                decoration: BoxDecoration(
                                    color: Color(0XFFFAF7EE),
                                    borderRadius: BorderRadius.circular(10)),
                                child: Column(
                                  children: [
                                    Container(
                                      margin: EdgeInsets.only(
                                          left: 10, right: 10, top: 15, bottom: 10),
                                      child: Text('Reimburse Submission', style:
                                      GoogleFonts.josefinSans(fontSize: 19, fontWeight: FontWeight.bold, decoration: TextDecoration.underline,
                                          decorationStyle: TextDecorationStyle.dashed),),
                                    ),
                                    Container(
                                      margin: EdgeInsets.only(left: 10, right: 10, top: 15, bottom: 10),
                                      child: Column(
                                        children: [
                                          Align(
                                            alignment: Alignment.centerLeft,
                                            child:  Text(
                                              'Category',
                                              style: GoogleFonts.inconsolata(
                                                  fontSize: 16, fontWeight: FontWeight.bold),
                                            ),
                                          ),
                                          Container(
                                            margin: EdgeInsets.only(top: 7),
                                            decoration: BoxDecoration(
                                                    color:
                                                    CupertinoColors.systemGrey2,
                                                    borderRadius:
                                                    BorderRadius.circular(5)),
                                                child: DropdownButton(
                                                  menuMaxHeight: size.height * 0.31,
                                                  dropdownColor: Colors.grey.shade300,
                                                  value: this.selectedCategory,
                                                  isExpanded: true,
                                                  underline: SizedBox(),
                                                  hint: Text(
                                                    '\t\t\Choose Category',
                                                    style: TextStyle(
                                                        color: Colors.black54),
                                                  ),
                                                  onChanged: (value) {
                                                    print(value);
                                                    setState(() {
                                                      selectedCategory = value!;
                                                      for (int i = 0; i < reimburseCategory.length; i++){
                                                        if (selectedCategory == reimburseCategory.elementAt(i)){
                                                          idReimburse = idReimburseCategory.elementAt(i);
                                                        }
                                                      }
                                                      logDev.log(idReimburse, name: "ID REIMBURSENYA APA");
                                                    });
                                                  },
                                                  items: reimburseCategory
                                                      .map(
                                                        (e) => DropdownMenuItem(
                                                        value: e,
                                                        child:
                                                        Text("\t\t\t" + e)),
                                                  )
                                                      .toList(),
                                                ),
                                              ),
                                        ],
                                      ),
                                    ),
                                    Container(
                                      margin: EdgeInsets.only(
                                          left: 10, right: 10, top: 10, bottom: 10),
                                      child: Column(
                                        children: [
                                          Align(
                                            alignment: Alignment.centerLeft,
                                            child: Text(
                                              'Item Name',
                                              style: GoogleFonts.inconsolata(
                                                  fontSize: 16, fontWeight: FontWeight.bold),
                                            ),
                                          ),
                                          Container(
                                              margin: EdgeInsets.only(top: 7),
                                              decoration: BoxDecoration(
                                                  color: Colors.white,
                                                  borderRadius:
                                                  BorderRadius.circular(5)),
                                              child: Padding(
                                                padding: EdgeInsets.only(
                                                    left: 10,
                                                    right: 10,
                                                    top: 5,
                                                    bottom: 5),
                                                child: TextFormField(
                                                    keyboardType: TextInputType.multiline,
                                                    controller: namaProdukTeksController,
                                                    maxLines: null,
                                                    textInputAction:
                                                    TextInputAction.done,
                                                    decoration: InputDecoration(
                                                        border:
                                                        InputBorder.none,
                                                        hintText: "ex. Airplane Ticket")),
                                              )),
                                        ],
                                      ),
                                    ),
                                    Container(
                                      margin: EdgeInsets.only(
                                          left: 10, right: 10, top: 10, bottom: 10),
                                      child: Column(
                                        children: [
                                          Column(
                                            children: [
                                              Align(
                                                alignment: Alignment.centerLeft,
                                                child: Text(
                                                  'Date', style: GoogleFonts.inconsolata(fontSize: 16, fontWeight: FontWeight.bold),
                                                ),
                                              ),
                                              ElevatedButton(
                                                    onPressed: () async {
                                                      DateTime? newDate = await showDatePicker(
                                                          context: context,
                                                          initialDate: dateFrom,
                                                          firstDate:
                                                          DateTime(1900),
                                                          lastDate:
                                                          DateTime(2100));
                                                      final DateFormat formatter = DateFormat('yyyy-MM-dd');
                                                      if (newDate == null) {
                                                          return;
                                                      } else {
                                                          setState(() {
                                                            if (visibleDateFrom == false){
                                                              visibleDateFrom = !visibleDateFrom;
                                                            }
                                                            formattedDateFrom = formatter.format(newDate);
                                                            //dateFrom = formattedFrom as DateTime;
                                                          });
                                                        }
                                                      },
                                                      child: Container(
                                                        width: double.infinity,
                                                        child: Text(
                                                          "Choose Date",
                                                          style: TextStyle(
                                                              color: Colors.white,
                                                              fontSize: 16,
                                                              fontWeight:
                                                              FontWeight.w400),
                                                        ),
                                                      ),
                                                    ),
                                            ]
                                          ),
                                          Visibility(
                                            visible: visibleDateFrom,
                                            child: Container(
                                              alignment: Alignment.centerLeft,
                                              margin: EdgeInsets.only(
                                                  left: 15,
                                                  right: 15,
                                                  bottom: 5),
                                              child: Text(formattedDateFrom,
                                                overflow:
                                                TextOverflow.ellipsis,
                                                maxLines: 1,
                                                style: TextStyle(
                                                    color: Colors.black54),
                                              ),
                                            ),
                                          )
                                        ],
                                      ),
                                    ),
                                    Container(
                                      margin: EdgeInsets.only(
                                          left: 10, right: 10, top: 10, bottom: 10),
                                      child: Column(
                                        children: [
                                          Align(
                                              alignment: Alignment.centerLeft,
                                              child: Text(
                                                'Total Amount',
                                                style: GoogleFonts.inconsolata(
                                                    fontSize: 16, fontWeight: FontWeight.bold),
                                              )
                                          ),
                                          Container(
                                              margin: EdgeInsets.only(top: 7),
                                              decoration: BoxDecoration(
                                                  color: Colors.white,
                                                  borderRadius:
                                                  BorderRadius.circular(5)),
                                              child: Padding(
                                                padding: EdgeInsets.only(
                                                    left: 10,
                                                    right: 10,
                                                    top: 5,
                                                    bottom: 5),
                                                child: TextFormField(
                                                    keyboardType:
                                                    TextInputType.number,
                                                    maxLines: 1,
                                                    controller: totalHargaTeksController,
                                                    textInputAction:
                                                    TextInputAction.next,
                                                    decoration: InputDecoration(
                                                        border:
                                                        InputBorder.none,
                                                        hintText:
                                                        "ex. 1500500", )),
                                              )
                                          )
                                        ],
                                      ),
                                    ),
                                    Container(
                                      margin: EdgeInsets.only(
                                          left: 10, right: 10, top: 10, bottom: 10),
                                      child: Column(
                                        children: [
                                          Align(
                                              alignment: Alignment.centerLeft,
                                              child: Text(
                                                'Description',
                                                style: GoogleFonts.inconsolata(
                                                    fontSize: 16, fontWeight: FontWeight.bold),
                                              )),
                                          Container(
                                              margin: EdgeInsets.only(top: 7),
                                              decoration: BoxDecoration(
                                                  color: Colors.white,
                                                  borderRadius:
                                                  BorderRadius.circular(5)),
                                              child: Padding(
                                                padding: EdgeInsets.only(
                                                    left: 10,
                                                    right: 10,
                                                    top: 5,
                                                    bottom: 5),
                                                child: TextFormField(
                                                    keyboardType:
                                                    TextInputType.multiline,
                                                    controller: deskripsiTeksController,
                                                    maxLines: null,
                                                    textInputAction:
                                                    TextInputAction.done,
                                                    decoration: InputDecoration(
                                                        border:
                                                        InputBorder.none,
                                                        hintText: "description")),
                                              )
                                          )
                                        ],
                                      ),
                                    ),
                                    Container(
                                      margin: EdgeInsets.only(
                                          left: 10, right: 10, top: 10, bottom: 10),
                                      child: Column(
                                        children: [
                                          Align(
                                              alignment: Alignment.centerLeft,
                                              child: Text('Payment', style: GoogleFonts.inconsolata(
                                                  fontSize: 16, fontWeight: FontWeight.bold),
                                              )
                                          ),
                                          Container(
                                            child: Column(
                                              children: [
                                                Row(
                                                  children: [
                                                    Radio(
                                                      value: "own_account",
                                                      groupValue: valuePayment,
                                                      onChanged: (value) {
                                                        setState(() {
                                                          valuePayment = value!;
                                                        });
                                                      },
                                                    ),
                                                    Flexible(
                                                      child: Text(
                                                          "Own (Need Reimburse)", style: TextStyle(color: Colors.black54,
                                                      )
                                                      )
                                                    ),
                                                  ],
                                                ),
                                                Row(
                                                  children: [
                                                    Radio(
                                                      value: "company_account",
                                                      groupValue: valuePayment,
                                                      onChanged: (value) {
                                                        setState(() {
                                                          valuePayment = value!;
                                                          //logDev.log(valuePayment, name: "VALUE PAYMENT");
                                                        });
                                                      },
                                                    ),
                                                    Flexible(
                                                        child: Text(
                                                            "Company",
                                                            style: TextStyle(
                                                                color: Colors
                                                                    .black54)))
                                                  ],
                                                ),
                                              ],
                                            ),
                                          ),
                                        ],
                                      ),
                                    ),
                                    Container(
                                      margin: EdgeInsets.only(
                                          left: 10, right: 10, top: 10),
                                      child: Column(
                                        children: [
                                          Align(
                                                alignment: Alignment.centerLeft,
                                                child: Text(
                                                  'Attachment',
                                                  style: GoogleFonts.inconsolata(
                                                      fontSize: 16, fontWeight: FontWeight.bold),
                                                ),
                                              ),
                                          Container(
                                            child: ElevatedButton(
                                              onPressed: () {
                                                _pickMultipleFiles();
                                              },
                                              /*style: ElevatedButton.styleFrom(
                                              backgroundColor:
                                                  CupertinoColors
                                                      .systemGrey2),*/
                                              child: Container(
                                                width: double.infinity,
                                                child: Text("Choose File",
                                                    style: TextStyle(
                                                        color: Colors.white,
                                                        fontSize: 16,
                                                        fontWeight:
                                                        FontWeight.w400)),
                                              ),
                                            ),
                                          ),
                                          Container(
                                            alignment:
                                            Alignment.centerLeft,
                                            margin: EdgeInsets.only(
                                                left: 15,
                                                right: 15,
                                                bottom: 10),
                                            child: Text(_totalFile + _fileText,
                                              overflow:
                                              TextOverflow.ellipsis,
                                              /*maxLines: 7,*/
                                              style: TextStyle(
                                                  color: Colors.black54),
                                            ),
                                          ),
                                        ],
                                      ),
                                    ),
                                    InkWell(
                                      child: Container(
                                        margin: EdgeInsets.only(left: 10, right: 10, bottom: 15),
                                        padding: EdgeInsets.fromLTRB(
                                            10, 10, 10, 10),
                                        width: double.infinity,
                                        decoration: BoxDecoration(
                                            borderRadius:
                                            BorderRadius.circular(5),
                                            gradient: LinearGradient(colors: [
                                              Color(0xFFFF9945),
                                              Color(0xFFFc6076)
                                            ])),
                                        child: Text('Submit',
                                            textAlign: TextAlign.center,
                                            style: TextStyle(
                                                color: Colors.white,
                                                fontSize: 17,
                                                fontWeight: FontWeight.w500)),
                                      ),
                                      onTap: () 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));

                                        if (!validateFormReimburse(context)){
                                          return;
                                        } else if (validateFormReimburse(context)){
                                          await loading.show();
                                          PengajuanReimburse_Post.connectToAPI(namaProdukTeksController.text.toString(), idReimburse,
                                              formattedDateFrom, totalHargaTeksController.text.toString(), valuePayment,
                                              deskripsiTeksController.text.toString(), fileAttach).then((valueResult) async {
                                                logDev.log(fileAttach.toString(), name: "FILE ATTACH APA AJA");
                                            Map<String, dynamic> object = json.decode(valueResult);
                                            if (object.containsKey("result").toString() == "true") {
                                              String result = object['result'].toString();
                                              if (result.contains("status")) {
                                                await loading.hide();
                                                Widget okButton = TextButton(
                                                  child: Text("OK"),
                                                  onPressed: () {
                                                    Navigator.of(context, rootNavigator: true).pop();
                                                  },
                                                );

                                                // set up the AlertDialog
                                                AlertDialog alert = AlertDialog(
                                                  title: Text("Employee Self Service"),
                                                  content: Text("Error Submit, Please Try Again Later!"),
                                                  actions: [
                                                    okButton,
                                                  ],
                                                );

                                                // show the dialog
                                                showDialog(
                                                  context: context,
                                                  barrierDismissible: false,
                                                  builder: (BuildContext context) {
                                                    return alert;
                                                  },
                                                );
                                              } else {
                                                await loading.hide();
                                                formattedDateFrom = "";
                                                visibleDateFrom = false;
                                                visibleDateFrom = false;
                                                deskripsiTeksController.clear();
                                                Widget okButton = TextButton(
                                                  child: Text("OK"),
                                                  onPressed: () {
                                                    Navigator.of(context, rootNavigator: true).pop();
                                                    Navigator.pushReplacement(context, MaterialPageRoute(
                                                        builder: (context) => ReimburseScreen()));
                                                  },
                                                );

                                                // set up the AlertDialog
                                                AlertDialog alert = AlertDialog(
                                                  title: Text("Employee Self Service"),
                                                  content: Text("Success Submit Reimburse"),
                                                  actions: [
                                                    okButton,
                                                  ],
                                                );

                                                // show the dialog
                                                showDialog(
                                                  context: context,
                                                  barrierDismissible: false,
                                                  builder: (BuildContext context) {
                                                    return alert;
                                                  },
                                                );
                                              }
                                            } else {
                                              await loading.hide();
                                              alertDialogFailedResponse(context);
                                            }
                                          });
                                        }
                                      },
                                    )
                                  ],
                                ),
                              ),
                            ),
                          ),
                        ],
                      ),
                    ),
                  ),
                ],
              ),
            ],
          )),
    );
  }

  //Pick Files
  void _pickMultipleFiles() async {
    FilePickerResult? result = await FilePicker.platform.pickFiles(allowMultiple: true);

    if (_fileText != ""){
      _fileText = "";
    }

    if (result != null) {
      List<File> files = result.paths.map((path) => File(path!)).toList();
      for (int i = 0; i< files.length; i++){
        String fileName = files[i].path.split('/').last;
        _fileText = _fileText + "\n" + fileName;

        List<int> fileInBytes = files[i].readAsBytesSync();
        String toBase64 = base64Encode(fileInBytes);
        fileAttach.add(toBase64);
      }
      fileAttach.removeAt(0);
      /*logDev.log(fileAttach.toString(), name: "File Attach Base64");*/
      logDev.log(fileAttach.length.toString(), name: "Length File Attach");
      logDev.log(files.toString(), name: "Files Picked");

      setState(() {
        _fileText;
        _totalFile = "Total File : " + files.length.toString();
      });
    } else {
      // User canceled the picker
    }
  }

  //Validasi Form Reimburse
  bool validateFormReimburse(BuildContext context) {
    bool result = true;
    if (selectedCategory == null) {
      Fluttertoast.showToast(
          msg: "Category Not Selected",
          toastLength: Toast.LENGTH_SHORT,
          gravity: ToastGravity.CENTER,
          timeInSecForIosWeb: 1,
          textColor: Colors.white,
          fontSize: 16.0);
      result = false;
    } else if (namaProdukTeksController.text.toString().isEmpty) {
      Fluttertoast.showToast(
          msg: "Item Name Required!",
          toastLength: Toast.LENGTH_SHORT,
          gravity: ToastGravity.CENTER,
          timeInSecForIosWeb: 1,
          textColor: Colors.white,
          fontSize: 16.0);
      result = false;
    } else if  (formattedDateFrom == "") {
      Fluttertoast.showToast(
          msg: "Date Not Selected",
          toastLength: Toast.LENGTH_SHORT,
          gravity: ToastGravity.CENTER,
          timeInSecForIosWeb: 1,
          textColor: Colors.white,
          fontSize: 16.0);
      result = false;
    } else if (totalHargaTeksController.text.toString().isEmpty) {
      Fluttertoast.showToast(
          msg: "Total Amount Required!",
          toastLength: Toast.LENGTH_SHORT,
          gravity: ToastGravity.CENTER,
          timeInSecForIosWeb: 1,
          textColor: Colors.white,
          fontSize: 16.0);
      result = false;
    } else if (deskripsiTeksController.text.toString().isEmpty) {
      Fluttertoast.showToast(
          msg: "Description Required!",
          toastLength: Toast.LENGTH_SHORT,
          gravity: ToastGravity.CENTER,
          timeInSecForIosWeb: 1,
          textColor: Colors.white,
          fontSize: 16.0);
      result = false;
    } else if (valuePayment == ""){
      Fluttertoast.showToast(
          msg: "Payment Option Not Selected",
          toastLength: Toast.LENGTH_SHORT,
          gravity: ToastGravity.CENTER,
          timeInSecForIosWeb: 1,
          textColor: Colors.white,
          fontSize: 16.0);
      result = false;
    }

    return result;
  }
}

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

  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("Employee Self Service"),
    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) => ReimburseScreen()));
    },
  );

  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("Employee Self Service"),
    content: Text("Server Response Error"),
    actions: [
      noButton,
      okButton,
    ],
  );

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