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:hris_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 () {
    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));

    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")) {
          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");
          });
          loading.hide();
        }
      } else {
        setState((){
          loading.hide();
          alertDialogFailedResponse(context);
        });
        loading.hide();
      }
    });
    return reimburseCategory;
  }

  @override
  Widget build(BuildContext 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: Colors.red,
                              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_history.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: 18, fontWeight: FontWeight.bold, decoration: TextDecoration.underline,
                                          decorationStyle: TextDecorationStyle.dashed),),
                                    ),
                                    Container(
                                      margin: EdgeInsets.only(
                                          left: 10, right: 10, top: 10, bottom: 10),
                                      child: Row(
                                        children: [
                                          Expanded(
                                              flex: 3,
                                              child: Text(
                                                'Category',
                                                style: GoogleFonts.inconsolata(
                                                    fontSize: 17),
                                              )),
                                          Expanded(
                                              flex: 7,
                                              child: Container(
                                                decoration: BoxDecoration(
                                                    color:
                                                    CupertinoColors.systemGrey2,
                                                    borderRadius:
                                                    BorderRadius.circular(5)),
                                                child: DropdownButton(
                                                  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: Row(
                                        children: [
                                          Expanded(
                                              flex: 3,
                                              child: Text(
                                                'Item Name',
                                                style: GoogleFonts.inconsolata(
                                                    fontSize: 17),
                                              )),
                                          Expanded(
                                              flex: 7,
                                              child: Container(
                                                  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: [
                                          Row(
                                            children: [
                                              Expanded(
                                                  flex: 3,
                                                  child: Text(
                                                    'Date',
                                                    style: GoogleFonts.inconsolata(
                                                        fontSize: 17),
                                                  )),
                                              Expanded(
                                                flex: 7,
                                                child: Column(
                                                  children: [
                                                    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;
                                                          });
                                                        }
                                                      },
                                                      /*style: ElevatedButton.styleFrom(
                                                  backgroundColor:
                                                      CupertinoColors
                                                          .systemGrey2),*/
                                                      child: Container(
                                                        width: double.infinity,
                                                        child: Text(
                                                          "Choose Date",
                                                          style: TextStyle(
                                                              color: Colors.white,
                                                              fontSize: 16,
                                                              fontWeight:
                                                              FontWeight.w400),
                                                        ),
                                                      ),
                                                    ),
                                                  ],
                                                ),
                                              ),
                                            ],
                                          ),
                                          Row(
                                            children: [
                                              Expanded(
                                                  flex: 3,
                                                  child: Text(
                                                    '',
                                                    style: GoogleFonts.inconsolata(
                                                        fontSize: 17),
                                                  )),
                                              Expanded(
                                                flex: 7,
                                                child: Column(
                                                  children: [
                                                    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: Row(
                                        children: [
                                          Expanded(
                                              flex: 3,
                                              child: Text(
                                                'Total Amount',
                                                style: GoogleFonts.inconsolata(
                                                    fontSize: 17),
                                              )),
                                          Expanded(
                                              flex: 7,
                                              child: Container(
                                                  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: Row(
                                        children: [
                                          Expanded(
                                              flex: 3,
                                              child: Text(
                                                'Description',
                                                style: GoogleFonts.inconsolata(
                                                    fontSize: 17),
                                              )),
                                          Expanded(
                                              flex: 7,
                                              child: Container(
                                                  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: [
                                          Row(
                                            children: [
                                              Expanded(
                                                  flex: 3,
                                                  child: Text(
                                                    'Payment',
                                                    style: GoogleFonts.inconsolata(
                                                        fontSize: 17),
                                                  )),
                                              Expanded(
                                                  flex: 7,
                                                  child: 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, bottom: 10),
                                      child: Column(
                                        children: [
                                          Row(
                                            children: [
                                              Expanded(
                                                flex: 3,
                                                child: Text(
                                                  'Attachment',
                                                  style: GoogleFonts.inconsolata(
                                                      fontSize: 17),
                                                ),
                                              ),
                                              Expanded(
                                                flex: 7,
                                                child: 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)),
                                                    ),
                                                  ),
                                                ),
                                              )
                                            ],
                                          ),
                                          Row(
                                            children: [
                                              Expanded(
                                                flex: 3,
                                                child: Text(
                                                  '',
                                                  style: GoogleFonts.inconsolata(
                                                      fontSize: 17),
                                                ),
                                              ),
                                              Expanded(
                                                flex: 7,
                                                child:  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(
                                              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: () {
                                              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)){
                                                loading.show();
                                                PengajuanReimburse_Post.connectToAPI(namaProdukTeksController.text.toString(), idReimburse,
                                                    formattedDateFrom, totalHargaTeksController.text.toString(), valuePayment,
                                                    deskripsiTeksController.text.toString()).then((valueResult) async {
                                                  Map<String, dynamic> object = json.decode(valueResult);
                                                  if (object.containsKey("result").toString() == "true") {
                                                    String result = object['result'].toString();
                                                    if (result.contains("status")) {
                                                      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,
                                                        builder: (BuildContext context) {
                                                          return alert;
                                                        },
                                                      );
                                                    } else {
                                                      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,
                                                        builder: (BuildContext context) {
                                                          return alert;
                                                        },
                                                      );
                                                    }
                                                  } else {
                                                    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,
    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,
    builder: (BuildContext context) {
      return alert;
    },
  );
}