canvasing/lib/Screens/Menu/SuratTugas/pengajuan_st.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/AjukanCuti/RequestHttp/jenisCuti_post.dart';
import 'package:intl/intl.dart';
import 'package:progress_dialog_null_safe/progress_dialog_null_safe.dart';

import 'dart:developer' as logDev;
import '../AjukanCuti/RequestHttp/pengajuanCuti_post.dart';
import '../SlipGaji/background.dart';

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


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

  @override
  State<PengajuanST_Screen> createState() => _PengajuanST_Screen_State();
}

class _PengajuanST_Screen_State extends State<PengajuanST_Screen> {
  var selectedType;

  String _fileText = "";
  String _totalFile= "";

  bool visibleDateFrom = false;
  bool visibleDateTo = false;

  late List <String> idCutiType;
  late List <String> cutiType;

  DateTime dateFrom = DateTime.now();

  late String formattedDateFrom = "";
  late String idCuti;

  var selectedCategory;
  var selectedDate;

  int _value = 0;

  initState(){
    deskripsiTeksController.clear();
    cutiType = [""];
    idCutiType = [""];
    WidgetsBinding.instance.addPostFrameCallback((_) {
      cutiType = getJenisCuti();
    });
    super.initState();
  }

  getJenisCuti () {
    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();
    JenisCuti_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(() {
            cutiType = [""];
            alertDialogFailedRetrievedData(context);
          });
        } else {
          List <dynamic> jenis = object['result']['jenis'];
          setState(() {
            idCutiType.removeAt(0);
            cutiType.removeAt(0);
            for (int i = 0; i < jenis.length; i++){
              String id = jenis[i]['id'].toString();
              String text = jenis[i]['text'].toString();
              idCutiType.add(id);
              cutiType.add(text);
            }
          });
          loading.hide();
        }
      } else {
        setState((){
          cutiType = [""];
          alertDialogFailedResponse(context);
          /*Fluttertoast.showToast(
              msg: "Server Response Error",
              toastLength: Toast.LENGTH_SHORT,
              gravity: ToastGravity.CENTER,
              timeInSecForIosWeb: 1,
              textColor: Colors.white,
              fontSize: 16.0);*/
        });
        loading.hide();
      }
    });
    return cutiType;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollView(
          child: Column(
            children: <Widget>[
              Stack(
                children: [
                  WavyHeader(),
                  Container(
                      margin: EdgeInsets.only(top: 90),
                      padding: EdgeInsets.fromLTRB(20, 5, 25, 5),
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.end,
                        crossAxisAlignment: CrossAxisAlignment.end,
                        children: [
                          Text(
                            'Submission\t\t',
                            maxLines: 2,
                            style: GoogleFonts.luckiestGuy(
                              fontSize: 28,
                              color: Colors.red,
                              fontStyle: FontStyle.italic,
                            ),
                          ),
                          Image.asset('assets/images/submit_st.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,
                      ),
                      child: Column(
                        children: [
                          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: 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\tChoose Category',
                                                style: TextStyle(
                                                    color: Colors.black54),
                                              ),
                                              onChanged: (value) {
                                                print(value);
                                                setState(() {
                                                  selectedCategory = value!;
                                                });
                                              },
                                              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: [
                                      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,
                                                    textInputAction:
                                                        TextInputAction.next,
                                                    decoration: InputDecoration(
                                                        border:
                                                            InputBorder.none,
                                                        hintText: "ex. 3000000")),
                                              ))),
                                    ],
                                  ),
                                ),
                                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,
                                                    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: 1,
                                                          groupValue: _value,
                                                          onChanged: (value) {
                                                            setState(() {
                                                              _value = value!;
                                                            });
                                                          },
                                                        ),
                                                        Flexible(
                                                            child: Text(
                                                                "Own (Need Reimburse)",
                                                                style:
                                                                    TextStyle(
                                                                  color: Colors
                                                                      .black54,
                                                                ))),
                                                      ],
                                                    ),
                                                    Row(
                                                      children: [
                                                        Radio(
                                                          value: 2,
                                                          groupValue: _value,
                                                          onChanged: (value) {
                                                            setState(() {
                                                              _value = value!;
                                                            });
                                                          },
                                                        ),
                                                        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));

                                          //loading.show();

                                          if (!validateFormCuti(context)){
                                            return;
                                          } else if (validateFormCuti(context)){
                                            /*loading.show();
                                            PengajuanCuti_Post.connectToAPI(idCuti, formattedDateFrom,
                                                formattedDateTo, deskripsiTeksController.text.toString(), fileAttach)
                                                .then((valueResult) async {
                                              Map<String, dynamic> object = json.decode(valueResult);
                                              logDev.log(fileAttach.toString(), name: "Attachment File Upload");
                                              if (object.containsKey("result").toString() == "true") {
                                                *//*String employee = object['result']['employee'].toString();
                                              String tipe = object['result']['tipe'].toString();
                                              String from = object['result']['from'].toString();
                                              String to = object['result']['to'].toString();
                                              String deskripsi = object['result']['deskripsi'].toString();
                                              String attachment = object['result']['attachment'].toString();*//*
                                                loading.hide();
                                                deskripsiTeksController.clear();
                                                Widget okButton = TextButton(
                                                  child: Text("OK"),
                                                  onPressed: () {
                                                    Navigator.of(context, rootNavigator: true).pop();
                                                    Navigator.pushReplacement(context, MaterialPageRoute(
                                                        builder: (context) => AjukanCutiScreen()));
                                                  },
                                                );

                                                // set up the AlertDialog
                                                AlertDialog alert = AlertDialog(
                                                  title: Text("Employee Self Service"),
                                                  content: Text("Berhasil Mengajukan Cuti"),
                                                  actions: [
                                                    okButton,
                                                  ],
                                                );

                                                // show the dialog
                                                showDialog(
                                                  context: context,
                                                  builder: (BuildContext context) {
                                                    return alert;
                                                  },
                                                );
                                                *//* deskripsiTeksController.clear();
                                                formattedDateFrom = "";
                                                formattedDateTo = "";
                                                visibleDateFrom = false;
                                                visibleDateFrom = false;*//*
                                              } else if (object.containsKey("error").toString() == "true") {
                                                String errorMessage = object['error']['data']['message']
                                                    .toString();
                                                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(errorMessage),
                                                  actions: [
                                                    okButton,
                                                  ],
                                                );

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

  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
    }
  }

  bool validateFormCuti(BuildContext context) {
    bool result = true;
    if (selectedType == null) {
      Fluttertoast.showToast(
          msg: "Tipe Cuti Belum Dipilih",
          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: "Deskripsi Harus Diisi",
          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) => AjukanCutiScreen()));*/
    },
  );

  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) => AjukanCutiScreen()));*/
    },
  );

  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;
    },
  );
}

List<String> reimburseCategory = [
  "Paid Time Off",
  "Sick Time Off",
  "Compensatory Days",
  "Unpaid"
];