canvasing/lib/Screens/Menu/AjukanCuti/ajukancuti_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/AjukanCuti/RequestHttp/jenisCuti_post.dart';
import 'package:hris_selfservice_mobile/Screens/Menu/AjukanCuti/RequestHttp/pengajuanCuti_post.dart';
import 'package:hris_selfservice_mobile/Screens/Menu/AjukanCuti/history_cuti.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';

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

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

  @override
  State<AjukanCutiScreen> createState() => _AjukanCutiScreenState();
}

class _AjukanCutiScreenState extends State<AjukanCutiScreen> {
  var selectedType;

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

  bool visibleDateFrom = false;
  bool visibleDateTo = false;

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

  DateTime dateFrom = DateTime.now();
  DateTime dateTo = DateTime.now();

  late String formattedDateFrom = "";
  late String formattedDateTo = "";
  late String idCuti;

  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(
                        'Ajukan Cuti\t\t',
                        maxLines: 1,
                        style: GoogleFonts.luckiestGuy(
                          fontSize: 28,
                          color: Colors.red,
                          fontStyle: FontStyle.italic,
                        ),
                      ),
                      Image.asset(
                        'assets/icons/menu/ic_cuti.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: [
                      InkWell(
                        child: Container(
                            margin: EdgeInsets.only(top: 15, 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('Lihat Riwayat Cuti\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) => HistoryCuti()));
                        },
                      ),
                      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: 2,
                                          child: Text(
                                            'Tipe',
                                            style: GoogleFonts.inconsolata(
                                                fontSize: 17),
                                          )),
                                      Expanded(
                                          flex: 8,
                                          child: Container(
                                            decoration: BoxDecoration(
                                                color:
                                                    CupertinoColors.systemGrey2,
                                                borderRadius:
                                                    BorderRadius.circular(5)),
                                            child: DropdownButton(
                                              value: this.selectedType,
                                              isExpanded: true,
                                              underline: SizedBox(),
                                              hint: Text(
                                                '\t\t\tPilih Tipe Cuti',
                                                style: TextStyle(
                                                    color: Colors.black54),
                                              ),
                                              onChanged: (value) {
                                                logDev.log(value.toString(), name: "VALUENYA");
                                                //print(value);
                                                setState(() {
                                                  selectedType = value!;
                                                  for (int i = 0; i < cutiType.length; i++){
                                                    if (selectedType == cutiType.elementAt(i)){
                                                      idCuti = idCutiType.elementAt(i);
                                                    }
                                                  }
                                                  logDev.log(idCuti, name: "ID CUTINYA APA");
                                                });
                                              },
                                              items: cutiType
                                                  .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: 2,
                                          child: Column(
                                            crossAxisAlignment:
                                                CrossAxisAlignment.start,
                                            children: [
                                              Text(
                                                'Mulai',
                                                style: GoogleFonts.inconsolata(
                                                    fontSize: 17),
                                              ),
                                              Text(
                                                '',
                                                style: GoogleFonts.inconsolata(
                                                    fontSize: 17),
                                              )
                                            ],
                                          )),
                                      Expanded(
                                        flex: 8,
                                        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(
                                                  "Pilih Tanggal",
                                                  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: Row(
                                    children: [
                                      Expanded(
                                          flex: 2,
                                          child: Column(
                                            crossAxisAlignment:
                                                CrossAxisAlignment.start,
                                            children: [
                                              Text(
                                                'Sampai',
                                                style: GoogleFonts.inconsolata(
                                                    fontSize: 17),
                                              ),
                                              Text(
                                                '',
                                                style: GoogleFonts.inconsolata(
                                                    fontSize: 17),
                                              )
                                            ],
                                          )),
                                      Expanded(
                                        flex: 8,
                                        child: Column(
                                          children: [
                                            ElevatedButton(
                                              onPressed: () async {
                                                DateTime? newDate =
                                                    await showDatePicker(
                                                        context: context,
                                                        initialDate: dateTo,
                                                        firstDate:
                                                            DateTime(1900),
                                                        lastDate:
                                                            DateTime(2100));
                                                final DateFormat formatter = DateFormat('yyyy-MM-dd');
                                                if (newDate == null) {
                                                  return;
                                                } else {
                                                  setState(() {
                                                    if (visibleDateTo == false){
                                                      visibleDateTo = !visibleDateTo;
                                                    }
                                                    formattedDateTo = formatter.format(newDate);
                                                  });
                                                }
                                              },
                                              /*style: ElevatedButton.styleFrom(
                                                  backgroundColor:
                                                      CupertinoColors
                                                          .systemGrey2),*/
                                              child: Container(
                                                width: double.infinity,
                                                child: Text(
                                                  "Pilih Tanggal",
                                                  style: TextStyle(
                                                      color: Colors.white,
                                                      fontSize: 16,
                                                      fontWeight:
                                                          FontWeight.w400),
                                                ),
                                              ),
                                            ),
                                            Visibility(
                                              visible: visibleDateTo,
                                              child: Container(
                                                alignment: Alignment.centerLeft,
                                                margin: EdgeInsets.only(
                                                    left: 15,
                                                    right: 15,
                                                    bottom: 5),
                                                child: Text(formattedDateTo,
                                                  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(
                                            'Deskripsi',
                                            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,
                                                    controller: deskripsiTeksController,
                                                    decoration: InputDecoration(
                                                        border:
                                                            InputBorder.none,
                                                        hintText: "Deskripsi")),
                                              ))),
                                    ],
                                  ),
                                ),
                                Container(
                                  margin: EdgeInsets.only(
                                      left: 10, right: 10, top: 10, bottom: 10),
                                  child: Column(
                                    children: [
                                      Row(
                                        children: [
                                          Expanded(
                                            flex: 3,
                                            child: Text(
                                              'Lampiran',
                                              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("Pilih 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('Ajukan',
                                              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  (formattedDateFrom == "" || formattedDateTo == "") {
      Fluttertoast.showToast(
          msg: "Tanggal 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;
    },
  );
}