import 'dart:convert'; import 'dart:io'; import 'package:file_picker/file_picker.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:fluttertoast/fluttertoast.dart'; import 'package:google_fonts/google_fonts.dart'; import 'package:employee_selfservice_mobile/Screens/Menu/Reimburse/RequestHttp/categoryReimburse_post.dart'; import 'package:intl/intl.dart'; import 'package:progress_dialog_null_safe/progress_dialog_null_safe.dart'; import 'dart:developer' as logDev; import '../SlipGaji/background.dart'; import 'RequestHttp/pengajuanReimburse_post.dart'; import 'history_reimburse.dart'; List fileAttach = [""]; TextEditingController namaProdukTeksController = TextEditingController(); TextEditingController deskripsiTeksController = TextEditingController(); TextEditingController totalHargaTeksController = TextEditingController(); class ReimburseScreen extends StatefulWidget { const ReimburseScreen({Key? key}) : super(key: key); @override State createState() => _ReimburseScreen(); } class _ReimburseScreen extends State { String _fileText = ""; String _totalFile= ""; bool visibleDateFrom = false; late List idReimburseCategory; late List reimburseCategory; DateTime dateFrom = DateTime.now(); late String formattedDateFrom = ""; late String idReimburse; var selectedCategory; String valuePayment = ""; initState(){ namaProdukTeksController.clear(); deskripsiTeksController.clear(); totalHargaTeksController.clear(); reimburseCategory = [""]; idReimburseCategory = [""]; WidgetsBinding.instance.addPostFrameCallback((_) { reimburseCategory = getKategoriReimburse(); }); super.initState(); } getKategoriReimburse () async { ProgressDialog loading = ProgressDialog(context); loading = ProgressDialog(context, type: ProgressDialogType.normal, isDismissible: false, showLogs: true); loading.style( message: 'Please Wait .....', borderRadius: 3, backgroundColor: Colors.white, progressWidget: CircularProgressIndicator(), elevation: 10.0, padding: EdgeInsets.all(10), insetAnimCurve: Curves.easeInOut, progress: 0.0, maxProgress: 100.0, progressTextStyle: TextStyle( color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400), messageTextStyle: TextStyle( color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.w600)); await loading.show(); CategoryReimburse_Post.connectToAPI().then((valueResult) async { Map object = json.decode(valueResult); if (object.containsKey("result").toString() == "true"){ String result = object['result'].toString(); logDev.log(result, name: "Jenis Cuti Result"); if (result.contains("failed")) { await loading.hide(); setState(() { alertDialogFailedRetrievedData(context); }); } else { List kategori = object['result']; setState(() { idReimburseCategory.removeAt(0); reimburseCategory.removeAt(0); for (int i = 0; i < kategori.length; i++){ int id = kategori[i]['id']; String name = kategori[i]['name'].toString(); idReimburseCategory.add(id.toString()); reimburseCategory.add(name); } logDev.log(idReimburseCategory.toString(), name: "ID Reimburse"); }); await loading.hide(); } } else { setState(() async { await loading.hide(); alertDialogFailedResponse(context); }); await loading.hide(); } }); return reimburseCategory; } @override Widget build(BuildContext context) { var size = MediaQuery.sizeOf(context); return Scaffold( body: SingleChildScrollView( child: Column( children: [ Stack( children: [ WavyHeader(), Container( margin: EdgeInsets.only(top: MediaQuery.of(context).size.height/6 - 20), padding: EdgeInsets.fromLTRB(20, 5, 25, 5), child: Row( mainAxisAlignment: MainAxisAlignment.end, crossAxisAlignment: CrossAxisAlignment.end, children: [ Text( 'Reimburse\t\t', maxLines: 2, style: GoogleFonts.luckiestGuy( fontSize: 28, color: Color(0xFF4858A7), fontStyle: FontStyle.italic, ), ), Image.asset("assets/icons/menu/ic_reimburse.png", width: 40, height: 40, ), ], )), SafeArea( child: Container( width: MediaQuery.of(context).size.width, margin: EdgeInsets.only( top: MediaQuery.of(context).size.height / 5, left: 10, right: 10, bottom : 15, ), child: Column( children: [ InkWell( child: Container( margin: EdgeInsets.only(top: 5, bottom: 15), padding: EdgeInsets.fromLTRB(10, 10, 10, 10), width: double.infinity, decoration: BoxDecoration( borderRadius: BorderRadius.circular(5), gradient: LinearGradient(colors: [ Color(0xFF2D4059), Color(0xFF2D4059), /*Color(0xFFEAFFD0), Color(0xFF95E1D3),*/ ])), child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Text('See Reimburse History\t\t', textAlign: TextAlign.center, style: TextStyle( color: Colors.white, fontSize: 17, fontWeight: FontWeight.w500)), Image.asset( 'assets/images/ic_arrow_white.png', width: 30, height: 30, ) ], )), onTap: () { Navigator.push(context, MaterialPageRoute( builder: (context) => HistoryReimburse())); }, ), Container( child: Card( elevation: 10, child: Container( decoration: BoxDecoration( color: Color(0XFFFAF7EE), borderRadius: BorderRadius.circular(10)), child: Column( children: [ Container( margin: EdgeInsets.only( left: 10, right: 10, top: 15, bottom: 10), child: Text('Reimburse Submission', style: GoogleFonts.josefinSans(fontSize: 19, fontWeight: FontWeight.bold, decoration: TextDecoration.underline, decorationStyle: TextDecorationStyle.dashed),), ), Container( margin: EdgeInsets.only(left: 10, right: 10, top: 15, bottom: 10), child: Column( children: [ Align( alignment: Alignment.centerLeft, child: Text( 'Category', style: GoogleFonts.inconsolata( fontSize: 16, fontWeight: FontWeight.bold), ), ), Container( margin: EdgeInsets.only(top: 7), decoration: BoxDecoration( color: CupertinoColors.systemGrey2, borderRadius: BorderRadius.circular(5)), child: DropdownButton( menuMaxHeight: size.height * 0.31, dropdownColor: Colors.grey.shade300, value: this.selectedCategory, isExpanded: true, underline: SizedBox(), hint: Text( '\t\t\Choose Category', style: TextStyle( color: Colors.black54), ), onChanged: (value) { print(value); setState(() { selectedCategory = value!; for (int i = 0; i < reimburseCategory.length; i++){ if (selectedCategory == reimburseCategory.elementAt(i)){ idReimburse = idReimburseCategory.elementAt(i); } } logDev.log(idReimburse, name: "ID REIMBURSENYA APA"); }); }, items: reimburseCategory .map( (e) => DropdownMenuItem( value: e, child: Text("\t\t\t" + e)), ) .toList(), ), ), ], ), ), Container( margin: EdgeInsets.only( left: 10, right: 10, top: 10, bottom: 10), child: Column( children: [ Align( alignment: Alignment.centerLeft, child: Text( 'Item Name', style: GoogleFonts.inconsolata( fontSize: 16, fontWeight: FontWeight.bold), ), ), Container( margin: EdgeInsets.only(top: 7), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(5)), child: Padding( padding: EdgeInsets.only( left: 10, right: 10, top: 5, bottom: 5), child: TextFormField( keyboardType: TextInputType.multiline, controller: namaProdukTeksController, maxLines: null, textInputAction: TextInputAction.done, decoration: InputDecoration( border: InputBorder.none, hintText: "ex. Airplane Ticket")), )), ], ), ), Container( margin: EdgeInsets.only( left: 10, right: 10, top: 10, bottom: 10), child: Column( children: [ Column( children: [ Align( alignment: Alignment.centerLeft, child: Text( 'Date', style: GoogleFonts.inconsolata(fontSize: 16, fontWeight: FontWeight.bold), ), ), ElevatedButton( onPressed: () async { DateTime? newDate = await showDatePicker( context: context, initialDate: dateFrom, firstDate: DateTime(1900), lastDate: DateTime(2100)); final DateFormat formatter = DateFormat('yyyy-MM-dd'); if (newDate == null) { return; } else { setState(() { if (visibleDateFrom == false){ visibleDateFrom = !visibleDateFrom; } formattedDateFrom = formatter.format(newDate); //dateFrom = formattedFrom as DateTime; }); } }, child: Container( width: double.infinity, child: Text( "Choose Date", style: TextStyle( color: Colors.white, fontSize: 16, fontWeight: FontWeight.w400), ), ), ), ] ), Visibility( visible: visibleDateFrom, child: Container( alignment: Alignment.centerLeft, margin: EdgeInsets.only( left: 15, right: 15, bottom: 5), child: Text(formattedDateFrom, overflow: TextOverflow.ellipsis, maxLines: 1, style: TextStyle( color: Colors.black54), ), ), ) ], ), ), Container( margin: EdgeInsets.only( left: 10, right: 10, top: 10, bottom: 10), child: Column( children: [ Align( alignment: Alignment.centerLeft, child: Text( 'Total Amount', style: GoogleFonts.inconsolata( fontSize: 16, fontWeight: FontWeight.bold), ) ), Container( margin: EdgeInsets.only(top: 7), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(5)), child: Padding( padding: EdgeInsets.only( left: 10, right: 10, top: 5, bottom: 5), child: TextFormField( keyboardType: TextInputType.number, maxLines: 1, controller: totalHargaTeksController, textInputAction: TextInputAction.next, decoration: InputDecoration( border: InputBorder.none, hintText: "ex. 1500500", )), ) ) ], ), ), Container( margin: EdgeInsets.only( left: 10, right: 10, top: 10, bottom: 10), child: Column( children: [ Align( alignment: Alignment.centerLeft, child: Text( 'Description', style: GoogleFonts.inconsolata( fontSize: 16, fontWeight: FontWeight.bold), )), Container( margin: EdgeInsets.only(top: 7), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(5)), child: Padding( padding: EdgeInsets.only( left: 10, right: 10, top: 5, bottom: 5), child: TextFormField( keyboardType: TextInputType.multiline, controller: deskripsiTeksController, maxLines: null, textInputAction: TextInputAction.done, decoration: InputDecoration( border: InputBorder.none, hintText: "description")), ) ) ], ), ), Container( margin: EdgeInsets.only( left: 10, right: 10, top: 10, bottom: 10), child: Column( children: [ Align( alignment: Alignment.centerLeft, child: Text('Payment', style: GoogleFonts.inconsolata( fontSize: 16, fontWeight: FontWeight.bold), ) ), Container( child: Column( children: [ Row( children: [ Radio( value: "own_account", groupValue: valuePayment, onChanged: (value) { setState(() { valuePayment = value!; }); }, ), Flexible( child: Text( "Own (Need Reimburse)", style: TextStyle(color: Colors.black54, ) ) ), ], ), Row( children: [ Radio( value: "company_account", groupValue: valuePayment, onChanged: (value) { setState(() { valuePayment = value!; //logDev.log(valuePayment, name: "VALUE PAYMENT"); }); }, ), Flexible( child: Text( "Company", style: TextStyle( color: Colors .black54))) ], ), ], ), ), ], ), ), Container( margin: EdgeInsets.only( left: 10, right: 10, top: 10), child: Column( children: [ Align( alignment: Alignment.centerLeft, child: Text( 'Attachment', style: GoogleFonts.inconsolata( fontSize: 16, fontWeight: FontWeight.bold), ), ), Container( child: ElevatedButton( onPressed: () { _pickMultipleFiles(); }, /*style: ElevatedButton.styleFrom( backgroundColor: CupertinoColors .systemGrey2),*/ child: Container( width: double.infinity, child: Text("Choose File", style: TextStyle( color: Colors.white, fontSize: 16, fontWeight: FontWeight.w400)), ), ), ), Container( alignment: Alignment.centerLeft, margin: EdgeInsets.only( left: 15, right: 15, bottom: 10), child: Text(_totalFile + _fileText, overflow: TextOverflow.ellipsis, /*maxLines: 7,*/ style: TextStyle( color: Colors.black54), ), ), ], ), ), InkWell( child: Container( margin: EdgeInsets.only(left: 10, right: 10, bottom: 15), padding: EdgeInsets.fromLTRB( 10, 10, 10, 10), width: double.infinity, decoration: BoxDecoration( borderRadius: BorderRadius.circular(5), gradient: LinearGradient(colors: [ Color(0xFFFF9945), Color(0xFFFc6076) ])), child: Text('Submit', textAlign: TextAlign.center, style: TextStyle( color: Colors.white, fontSize: 17, fontWeight: FontWeight.w500)), ), onTap: () async { ProgressDialog loading = ProgressDialog(context); loading = ProgressDialog(context, type: ProgressDialogType.normal, isDismissible: false, showLogs: true); loading.style( message: 'Please Wait .....', borderRadius: 3, backgroundColor: Colors.white, progressWidget: CircularProgressIndicator(), elevation: 10.0, padding: EdgeInsets.all(10), insetAnimCurve: Curves.easeInOut, progress: 0.0, maxProgress: 100.0, progressTextStyle: TextStyle( color: Colors.black, fontSize: 10.0, fontWeight: FontWeight.w400), messageTextStyle: TextStyle( color: Colors.black, fontSize: 15.0, fontWeight: FontWeight.w600)); if (!validateFormReimburse(context)){ return; } else if (validateFormReimburse(context)){ await loading.show(); PengajuanReimburse_Post.connectToAPI(namaProdukTeksController.text.toString(), idReimburse, formattedDateFrom, totalHargaTeksController.text.toString(), valuePayment, deskripsiTeksController.text.toString(), fileAttach).then((valueResult) async { logDev.log(fileAttach.toString(), name: "FILE ATTACH APA AJA"); Map object = json.decode(valueResult); if (object.containsKey("result").toString() == "true") { String result = object['result'].toString(); if (result.contains("status")) { await loading.hide(); Widget okButton = TextButton( child: Text("OK"), onPressed: () { Navigator.of(context, rootNavigator: true).pop(); }, ); // set up the AlertDialog AlertDialog alert = AlertDialog( title: Text("Employee Self Service"), content: Text("Error Submit, Please Try Again Later!"), actions: [ okButton, ], ); // show the dialog showDialog( context: context, barrierDismissible: false, builder: (BuildContext context) { return alert; }, ); } else { await loading.hide(); formattedDateFrom = ""; visibleDateFrom = false; visibleDateFrom = false; deskripsiTeksController.clear(); Widget okButton = TextButton( child: Text("OK"), onPressed: () { Navigator.of(context, rootNavigator: true).pop(); Navigator.pushReplacement(context, MaterialPageRoute( builder: (context) => ReimburseScreen())); }, ); // set up the AlertDialog AlertDialog alert = AlertDialog( title: Text("Employee Self Service"), content: Text("Success Submit Reimburse"), actions: [ okButton, ], ); // show the dialog showDialog( context: context, barrierDismissible: false, builder: (BuildContext context) { return alert; }, ); } } else { await loading.hide(); alertDialogFailedResponse(context); } }); } }, ) ], ), ), ), ), ], ), ), ), ], ), ], )), ); } //Pick Files void _pickMultipleFiles() async { FilePickerResult? result = await FilePicker.platform.pickFiles(allowMultiple: true); if (_fileText != ""){ _fileText = ""; } if (result != null) { List 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 fileInBytes = files[i].readAsBytesSync(); String toBase64 = base64Encode(fileInBytes); fileAttach.add(toBase64); } fileAttach.removeAt(0); /*logDev.log(fileAttach.toString(), name: "File Attach Base64");*/ logDev.log(fileAttach.length.toString(), name: "Length File Attach"); logDev.log(files.toString(), name: "Files Picked"); setState(() { _fileText; _totalFile = "Total File : " + files.length.toString(); }); } else { // User canceled the picker } } //Validasi Form Reimburse bool validateFormReimburse(BuildContext context) { bool result = true; if (selectedCategory == null) { Fluttertoast.showToast( msg: "Category Not Selected", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, timeInSecForIosWeb: 1, textColor: Colors.white, fontSize: 16.0); result = false; } else if (namaProdukTeksController.text.toString().isEmpty) { Fluttertoast.showToast( msg: "Item Name Required!", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, timeInSecForIosWeb: 1, textColor: Colors.white, fontSize: 16.0); result = false; } else if (formattedDateFrom == "") { Fluttertoast.showToast( msg: "Date Not Selected", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, timeInSecForIosWeb: 1, textColor: Colors.white, fontSize: 16.0); result = false; } else if (totalHargaTeksController.text.toString().isEmpty) { Fluttertoast.showToast( msg: "Total Amount Required!", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, timeInSecForIosWeb: 1, textColor: Colors.white, fontSize: 16.0); result = false; } else if (deskripsiTeksController.text.toString().isEmpty) { Fluttertoast.showToast( msg: "Description Required!", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, timeInSecForIosWeb: 1, textColor: Colors.white, fontSize: 16.0); result = false; } else if (valuePayment == ""){ Fluttertoast.showToast( msg: "Payment Option Not Selected", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, timeInSecForIosWeb: 1, textColor: Colors.white, fontSize: 16.0); result = false; } return result; } } alertDialogFailedRetrievedData(BuildContext context){ Widget okButton = TextButton( child: Text("Refresh"), onPressed: () { Navigator.of(context, rootNavigator: true).pop(); Navigator.pushReplacement(context, MaterialPageRoute( builder: (context) => ReimburseScreen())); }, ); Widget noButton = TextButton( child: Text("Back"), onPressed: () { Navigator.of(context, rootNavigator: true).pop(); Navigator.pop(context); }, ); // set up the AlertDialog AlertDialog alert = AlertDialog( title: Text("Employee Self Service"), content: Text("Failed to Retrieve Data"), actions: [ noButton, okButton, ], ); // show the dialog showDialog( context: context, barrierDismissible: false, builder: (BuildContext context) { return alert; }, ); } alertDialogFailedResponse(BuildContext context){ Widget okButton = TextButton( child: Text("Refresh"), onPressed: () { Navigator.of(context, rootNavigator: true).pop(); Navigator.pushReplacement(context, MaterialPageRoute( builder: (context) => ReimburseScreen())); }, ); Widget noButton = TextButton( child: Text("Back"), onPressed: () { Navigator.of(context, rootNavigator: true).pop(); Navigator.pop(context); }, ); // set up the AlertDialog AlertDialog alert = AlertDialog( title: Text("Employee Self Service"), content: Text("Server Response Error"), actions: [ noButton, okButton, ], ); // show the dialog showDialog( context: context, barrierDismissible: false, builder: (BuildContext context) { return alert; }, ); }