import 'package:flutter/material.dart'; import 'package:google_fonts/google_fonts.dart'; import '../SlipGaji/background.dart'; class IPPScreen extends StatefulWidget { const IPPScreen({super.key}); @override State createState() => _IPPScreenState(); } class _IPPScreenState extends State { @override Widget build(BuildContext 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( 'IPP\t\t', maxLines: 2, style: GoogleFonts.luckiestGuy( fontSize: 28, color: Color(0xFF4858A7), fontStyle: FontStyle.italic, ), ), Image.asset("assets/icons/menu/ic_ipp.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 IPP 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('IPP 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); } }); } }, )*/ ], ), ), ), ), ], ), ), ), ], ), ], )), ); } }