2110512094/penyaluran_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Perbarui dependensi dan logika di JadwalSectionWidget serta hapus KonfirmasiPenerimaView. Modifikasi JadwalSectionWidget untuk menangani ID penyaluran dengan lebih baik dan menampilkan pesan kesalahan jika ID tidak ditemukan. Tambahkan rute baru untuk detail penyaluran dan perbarui rute aplikasi untuk mencerminkan perubahan ini.

Browse Source
This commit is contained in:
Khafidh Fuadi
2025-03-15 19:07:00 +07:00
parent 5ec18720af
commit da06611c3a
13 changed files with 1923 additions and 697 deletions
Download Patch File Download Diff File Expand all files Collapse all files

396
lib/app/modules/penyaluran/detail_penyaluran_controller.dart Normal file
View File

@ -0,0 +1,396 @@
import 'package:get/get.dart';
import 'package:penyaluran_app/app/data/models/penyaluran_bantuan_model.dart';
import 'package:penyaluran_app/app/data/models/skema_bantuan_model.dart';
import 'package:penyaluran_app/app/data/models/penerima_penyaluran_model.dart';
import 'package:penyaluran_app/app/services/supabase_service.dart';
import 'package:flutter/material.dart';
import 'dart:io';
class DetailPenyaluranController extends GetxController {
final SupabaseService _supabaseService = Get.find<SupabaseService>();
final isLoading = true.obs;
final isProcessing = false.obs;
final penyaluran = Rx<PenyaluranBantuanModel?>(null);
final skemaBantuan = Rx<SkemaBantuanModel?>(null);
final penerimaPenyaluran = <PenerimaPenyaluranModel>[].obs;
// Status untuk mengetahui apakah petugas desa
final isPetugasDesa = false.obs;
@override
void onInit() {
super.onInit();
final String? penyaluranId = Get.parameters['id'];
print('DetailPenyaluranController - ID Penyaluran: $penyaluranId');
if (penyaluranId != null) {
loadPenyaluranData(penyaluranId);
checkUserRole();
} else {
isLoading.value = false;
print('DetailPenyaluranController - ID Penyaluran tidak ditemukan');
}
}
Future<void> checkUserRole() async {
try {
final user = _supabaseService.client.auth.currentUser;
if (user != null) {
final userData = await _supabaseService.client
.from('users')
.select('role')
.eq('id', user.id)
.single();
if (userData != null && userData['role'] == 'petugas_desa') {
isPetugasDesa.value = true;
}
}
} catch (e) {
print('Error checking user role: $e');
}
}
Future<void> loadPenyaluranData(String penyaluranId) async {
try {
isLoading.value = true;
print(
'DetailPenyaluranController - Memuat data penyaluran dengan ID: $penyaluranId');
// Ambil data penyaluran
final penyaluranData = await _supabaseService.client
.from('penyaluran_bantuan')
.select('*')
.eq('id', penyaluranId)
.single();
print('DetailPenyaluranController - Data penyaluran: $penyaluranData');
if (penyaluranData != null) {
// Pastikan data yang diterima sesuai dengan tipe data yang diharapkan
Map<String, dynamic> sanitizedData =
Map<String, dynamic>.from(penyaluranData);
// Konversi jumlah_penerima ke int jika bertipe String
if (sanitizedData['jumlah_penerima'] is String) {
sanitizedData['jumlah_penerima'] =
int.tryParse(sanitizedData['jumlah_penerima'] as String) ?? 0;
}
penyaluran.value = PenyaluranBantuanModel.fromJson(sanitizedData);
print(
'DetailPenyaluranController - Model penyaluran: ${penyaluran.value?.nama}');
// Ambil data skema bantuan jika ada
if (penyaluran.value?.skemaId != null &&
penyaluran.value!.skemaId!.isNotEmpty) {
print(
'DetailPenyaluranController - Memuat skema bantuan dengan ID: ${penyaluran.value!.skemaId}');
final skemaData = await _supabaseService.client
.from('xx02_skema_bantuan')
.select('*')
.eq('id', penyaluran.value!.skemaId!)
.single();
print('DetailPenyaluranController - Data skema bantuan: $skemaData');
if (skemaData != null) {
// Pastikan data skema sesuai dengan tipe data yang diharapkan
Map<String, dynamic> sanitizedSkemaData =
Map<String, dynamic>.from(skemaData);
// Konversi kuota ke int jika bertipe String
if (sanitizedSkemaData['kuota'] is String) {
sanitizedSkemaData['kuota'] =
int.tryParse(sanitizedSkemaData['kuota'] as String) ?? 0;
}
// Konversi petugas_verifikasi_id ke int jika bertipe String
if (sanitizedSkemaData['petugas_verifikasi_id'] is String) {
sanitizedSkemaData['petugas_verifikasi_id'] = int.tryParse(
sanitizedSkemaData['petugas_verifikasi_id'] as String);
}
skemaBantuan.value = SkemaBantuanModel.fromJson(sanitizedSkemaData);
print(
'DetailPenyaluranController - Model skema bantuan: ${skemaBantuan.value?.nama}');
}
}
// Ambil data penerima penyaluran
final penerimaPenyaluranData = await _supabaseService.client
.from('penerima_penyaluran')
.select('*, warga:warga_id(*)')
.eq('penyaluran_bantuan_id', penyaluranId);
print(
'DetailPenyaluranController - Data penerima penyaluran: $penerimaPenyaluranData');
if (penerimaPenyaluranData != null) {
final List<PenerimaPenyaluranModel> penerima = [];
for (var item in penerimaPenyaluranData) {
// Pastikan data penerima sesuai dengan tipe data yang diharapkan
Map<String, dynamic> sanitizedPenerimaData =
Map<String, dynamic>.from(item);
// Konversi id ke int jika bertipe String
if (sanitizedPenerimaData['id'] is String) {
sanitizedPenerimaData['id'] =
int.tryParse(sanitizedPenerimaData['id'] as String);
}
// Konversi jumlah_bantuan ke double jika bertipe String
if (sanitizedPenerimaData['jumlah_bantuan'] is String) {
sanitizedPenerimaData['jumlah_bantuan'] = double.tryParse(
sanitizedPenerimaData['jumlah_bantuan'] as String);
}
penerima
.add(PenerimaPenyaluranModel.fromJson(sanitizedPenerimaData));
}
penerimaPenyaluran.assignAll(penerima);
print(
'DetailPenyaluranController - Jumlah penerima: ${penerima.length}');
}
}
} catch (e) {
print('Error loading penyaluran data: $e');
Get.snackbar(
'Error',
'Terjadi kesalahan saat memuat data penyaluran',
snackPosition: SnackPosition.BOTTOM,
);
} finally {
isLoading.value = false;
}
}
Future<void> refreshData() async {
if (penyaluran.value?.id != null) {
await loadPenyaluranData(penyaluran.value!.id!);
}
}
// Fungsi untuk memulai penyaluran bantuan
Future<void> mulaiPenyaluran() async {
try {
isProcessing.value = true;
if (penyaluran.value?.id == null) {
throw Exception('ID penyaluran tidak ditemukan');
}
// Update status penyaluran menjadi "BERLANGSUNG"
await _supabaseService.client
.from('penyaluran_bantuan')
.update({'status': 'BERLANGSUNG'}).eq('id', penyaluran.value!.id!);
await refreshData();
Get.snackbar(
'Sukses',
'Penyaluran bantuan telah dimulai',
backgroundColor: Colors.green,
colorText: Colors.white,
snackPosition: SnackPosition.BOTTOM,
);
} catch (e) {
print('Error memulai penyaluran: $e');
Get.snackbar(
'Error',
'Terjadi kesalahan saat memulai penyaluran bantuan',
backgroundColor: Colors.red,
colorText: Colors.white,
snackPosition: SnackPosition.BOTTOM,
);
} finally {
isProcessing.value = false;
}
}
// Fungsi untuk konfirmasi penerimaan bantuan oleh penerima
Future<void> konfirmasiPenerimaan(PenerimaPenyaluranModel penerima,
{String? buktiPenerimaan}) async {
try {
isProcessing.value = true;
if (penerima.id == null) {
throw Exception('ID penerima tidak ditemukan');
}
// Update status penerimaan menjadi "DITERIMA"
final Map<String, dynamic> updateData = {
'status_penerimaan': 'DITERIMA',
'tanggal_penerimaan': DateTime.now().toIso8601String(),
};
if (buktiPenerimaan != null) {
updateData['bukti_penerimaan'] = buktiPenerimaan;
}
await _supabaseService.client
.from('penerima_penyaluran')
.update(updateData)
.eq('id', penerima.id!);
await refreshData();
Get.snackbar(
'Sukses',
'Konfirmasi penerimaan bantuan berhasil',
backgroundColor: Colors.green,
colorText: Colors.white,
snackPosition: SnackPosition.BOTTOM,
);
} catch (e) {
print('Error konfirmasi penerimaan: $e');
Get.snackbar(
'Error',
'Terjadi kesalahan saat konfirmasi penerimaan bantuan',
backgroundColor: Colors.red,
colorText: Colors.white,
snackPosition: SnackPosition.BOTTOM,
);
} finally {
isProcessing.value = false;
}
}
// Fungsi untuk menyelesaikan penyaluran bantuan
Future<void> selesaikanPenyaluran() async {
try {
isProcessing.value = true;
if (penyaluran.value?.id == null) {
throw Exception('ID penyaluran tidak ditemukan');
}
// Cek apakah semua penerima sudah menerima bantuan
final belumDiterima = penerimaPenyaluran
.where((p) => p.statusPenerimaan?.toUpperCase() != 'DITERIMA')
.toList();
if (belumDiterima.isNotEmpty) {
final result = await Get.dialog<bool>(
AlertDialog(
title: const Text('Konfirmasi'),
content: Text(
'Masih ada ${belumDiterima.length} penerima yang belum menerima bantuan. Apakah Anda yakin ingin menyelesaikan penyaluran?'),
actions: [
TextButton(
onPressed: () => Get.back(result: false),
child: const Text('Batal'),
),
TextButton(
onPressed: () => Get.back(result: true),
child: const Text('Ya, Selesaikan'),
),
],
),
);
if (result != true) {
isProcessing.value = false;
return;
}
}
// Update status penyaluran menjadi "TERLAKSANA"
await _supabaseService.client.from('penyaluran_bantuan').update({
'status': 'TERLAKSANA',
'tanggal_selesai': DateTime.now().toIso8601String(),
}).eq('id', penyaluran.value!.id!);
await refreshData();
Get.snackbar(
'Sukses',
'Penyaluran bantuan telah diselesaikan',
backgroundColor: Colors.green,
colorText: Colors.white,
snackPosition: SnackPosition.BOTTOM,
);
} catch (e) {
print('Error menyelesaikan penyaluran: $e');
Get.snackbar(
'Error',
'Terjadi kesalahan saat menyelesaikan penyaluran bantuan',
backgroundColor: Colors.red,
colorText: Colors.white,
snackPosition: SnackPosition.BOTTOM,
);
} finally {
isProcessing.value = false;
}
}
// Fungsi untuk membatalkan penyaluran bantuan
Future<void> batalkanPenyaluran(String alasan) async {
try {
isProcessing.value = true;
if (penyaluran.value?.id == null) {
throw Exception('ID penyaluran tidak ditemukan');
}
// Update status penyaluran menjadi "DIBATALKAN"
await _supabaseService.client.from('penyaluran_bantuan').update({
'status': 'DIBATALKAN',
'alasan_pembatalan': alasan,
'tanggal_selesai': DateTime.now().toIso8601String(),
}).eq('id', penyaluran.value!.id!);
await refreshData();
Get.snackbar(
'Sukses',
'Penyaluran bantuan telah dibatalkan',
backgroundColor: Colors.orange,
colorText: Colors.white,
snackPosition: SnackPosition.BOTTOM,
);
} catch (e) {
print('Error membatalkan penyaluran: $e');
Get.snackbar(
'Error',
'Terjadi kesalahan saat membatalkan penyaluran bantuan',
backgroundColor: Colors.red,
colorText: Colors.white,
snackPosition: SnackPosition.BOTTOM,
);
} finally {
isProcessing.value = false;
}
}
// Fungsi untuk mengupload bukti penerimaan
Future<String?> uploadBuktiPenerimaan(String filePath) async {
try {
final fileName =
'bukti_penerimaan_${DateTime.now().millisecondsSinceEpoch}.jpg';
final file = File(filePath);
final storageResponse = await _supabaseService.client.storage
.from('bukti_penerimaan')
.upload(fileName, file);
if (storageResponse.isEmpty) {
throw Exception('Gagal mengupload bukti penerimaan');
}
final fileUrl = _supabaseService.client.storage
.from('bukti_penerimaan')
.getPublicUrl(fileName);
return fileUrl;
} catch (e) {
print('Error upload bukti penerimaan: $e');
Get.snackbar(
'Error',
'Terjadi kesalahan saat mengupload bukti penerimaan',
backgroundColor: Colors.red,
colorText: Colors.white,
snackPosition: SnackPosition.BOTTOM,
);
return null;
}
}
}

765
lib/app/modules/penyaluran/detail_penyaluran_page.dart Normal file
View File

@ -0,0 +1,765 @@
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:intl/intl.dart';
import 'package:penyaluran_app/app/data/models/penerima_penyaluran_model.dart';
import 'package:penyaluran_app/app/modules/penyaluran/detail_penyaluran_controller.dart';
import 'package:penyaluran_app/app/theme/app_theme.dart';
import 'package:image_picker/image_picker.dart';
import 'dart:io';
import 'package:penyaluran_app/app/modules/penyaluran/konfirmasi_penerima_page.dart';
class DetailPenyaluranPage extends StatelessWidget {
final controller = Get.put(DetailPenyaluranController());
final ImagePicker _picker = ImagePicker();
final searchController = TextEditingController();
final RxString searchQuery = ''.obs;
DetailPenyaluranPage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Detail Penyaluran'),
centerTitle: true,
leading: IconButton(
icon: const Icon(Icons.arrow_back),
onPressed: () => Get.back(),
),
),
body: Obx(() {
if (controller.isLoading.value) {
return const Center(child: CircularProgressIndicator());
}
if (controller.penyaluran.value == null) {
return const Center(
child: Text('Data penyaluran tidak ditemukan'),
);
}
return RefreshIndicator(
onRefresh: controller.refreshData,
child: SingleChildScrollView(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildInfoCard(context),
const SizedBox(height: 16),
_buildPenerimaPenyaluranSection(context),
const SizedBox(height: 24),
Obx(() => _buildActionButtons(context)),
],
),
),
);
}),
);
}
Widget _buildInfoCard(BuildContext context) {
final penyaluran = controller.penyaluran.value!;
final skema = controller.skemaBantuan.value;
final dateFormat = DateFormat('dd MMMM yyyy', 'id_ID');
return Card(
elevation: 2,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// Header dengan status
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'Informasi Penyaluran',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: AppTheme.primaryColor,
),
),
_buildStatusBadge(penyaluran.status ?? '-'),
],
),
const Divider(height: 24),
// Informasi penyaluran
_buildInfoRow('Nama', penyaluran.nama ?? '-'),
_buildInfoRow(
'Tanggal',
penyaluran.tanggalPenyaluran != null
? dateFormat.format(penyaluran.tanggalPenyaluran!)
: 'Belum dijadwalkan'),
_buildInfoRow(
'Jumlah Penerima', '${penyaluran.jumlahPenerima ?? 0} orang'),
// Informasi skema bantuan
if (skema != null) ...[
const Divider(height: 24),
Row(
children: [
const Icon(Icons.category,
size: 16, color: AppTheme.secondaryColor),
const SizedBox(width: 8),
Text(
'Skema: ${skema.nama ?? '-'}',
style: const TextStyle(
fontWeight: FontWeight.bold,
color: AppTheme.secondaryColor,
),
),
],
),
const SizedBox(height: 8),
Text(
skema.deskripsi ?? 'Tidak ada deskripsi',
style: TextStyle(
fontSize: 14,
color: Colors.grey[600],
),
),
],
// Alasan penolakan jika ada
if (penyaluran.alasanPenolakan != null &&
penyaluran.alasanPenolakan!.isNotEmpty) ...[
const Divider(height: 24),
Text(
'Alasan Penolakan:',
style: TextStyle(
fontWeight: FontWeight.bold,
color: Colors.red[700],
),
),
const SizedBox(height: 4),
Text(
penyaluran.alasanPenolakan!,
style: TextStyle(
color: Colors.red[700],
fontStyle: FontStyle.italic,
),
),
],
],
),
),
);
}
Widget _buildPenerimaPenyaluranSection(BuildContext context) {
return Card(
elevation: 2,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'Daftar Penerima',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: AppTheme.primaryColor,
),
),
Obx(() => Text(
'${_getFilteredPenerima().length} Orang',
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.bold,
color: AppTheme.secondaryColor,
),
)),
],
),
const SizedBox(height: 16),
// Search field
TextField(
controller: searchController,
decoration: InputDecoration(
hintText: 'Cari penerima...',
prefixIcon: const Icon(Icons.search),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
borderSide: BorderSide.none,
),
filled: true,
fillColor: Colors.grey.shade100,
contentPadding: const EdgeInsets.symmetric(vertical: 0),
),
onChanged: (value) {
searchQuery.value = value.toLowerCase();
},
),
const SizedBox(height: 16),
// Daftar penerima
Obx(() {
final filteredList = _getFilteredPenerima();
if (filteredList.isEmpty) {
return Center(
child: Padding(
padding: const EdgeInsets.all(20.0),
child: Column(
children: [
Icon(
Icons.person_off_outlined,
size: 80,
color: Colors.grey.shade400,
),
const SizedBox(height: 16),
Text(
'Tidak ada data penerima',
style:
Theme.of(context).textTheme.titleMedium?.copyWith(
color: Colors.grey.shade600,
),
),
],
),
),
);
}
return ListView.separated(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
itemCount: filteredList.length,
separatorBuilder: (context, index) => const Divider(height: 1),
itemBuilder: (context, index) {
return _buildPenerimaItem(context, filteredList[index]);
},
);
}),
],
),
),
);
}
List<PenerimaPenyaluranModel> _getFilteredPenerima() {
final query = searchQuery.value;
if (query.isEmpty) {
return controller.penerimaPenyaluran;
}
return controller.penerimaPenyaluran.where((item) {
final warga = item.warga;
if (warga == null) return false;
final nama = warga['nama_lengkap']?.toString().toLowerCase() ?? '';
final nik = warga['nik']?.toString().toLowerCase() ?? '';
final alamat = warga['alamat']?.toString().toLowerCase() ?? '';
final status = item.statusPenerimaan?.toLowerCase() ?? '';
return nama.contains(query) ||
nik.contains(query) ||
alamat.contains(query) ||
status.contains(query);
}).toList();
}
Widget _buildPenerimaItem(
BuildContext context, PenerimaPenyaluranModel item) {
final warga = item.warga;
return InkWell(
onTap: () => _showDetailPenerima(context, item),
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 12.0, horizontal: 4.0),
child: Row(
children: [
// Avatar
CircleAvatar(
backgroundColor: AppTheme.primaryColor.withOpacity(0.1),
child: Text(
warga != null && warga['nama_lengkap'] != null
? warga['nama_lengkap']
.toString()
.substring(0, 1)
.toUpperCase()
: '?',
style: const TextStyle(
fontWeight: FontWeight.bold,
color: AppTheme.primaryColor,
),
),
),
const SizedBox(width: 12),
// Info penerima
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
warga != null
? warga['nama_lengkap'] ?? 'Nama tidak tersedia'
: 'Nama tidak tersedia',
style: const TextStyle(
fontWeight: FontWeight.bold,
fontSize: 16,
),
),
const SizedBox(height: 4),
Text(
'NIK: ${warga != null ? warga['nik'] ?? '-' : '-'}',
style: TextStyle(
fontSize: 14,
color: Colors.grey[600],
),
),
],
),
),
// Status chip
_buildStatusChip(item.statusPenerimaan ?? '-'),
const Icon(Icons.arrow_forward_ios, size: 16, color: Colors.grey),
],
),
),
);
}
Widget _buildStatusBadge(String status) {
Color backgroundColor;
Color textColor = Colors.white;
String statusText = _getStatusText(status);
switch (status.toUpperCase()) {
case 'MENUNGGU':
backgroundColor = AppTheme.processedColor;
break;
case 'DISETUJUI':
backgroundColor = AppTheme.verifiedColor;
textColor = Colors.black87;
break;
case 'DITOLAK':
backgroundColor = AppTheme.rejectedColor;
break;
case 'AKTIF':
backgroundColor = AppTheme.scheduledColor;
break;
case 'TERLAKSANA':
backgroundColor = AppTheme.completedColor;
break;
case 'DIBATALKAN':
backgroundColor = AppTheme.errorColor;
break;
default:
backgroundColor = AppTheme.infoColor;
}
return Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
decoration: BoxDecoration(
color: backgroundColor,
borderRadius: BorderRadius.circular(16),
),
child: Text(
statusText,
style: TextStyle(
color: textColor,
fontSize: 14,
fontWeight: FontWeight.bold,
),
),
);
}
Widget _buildStatusChip(String status) {
Color backgroundColor;
Color textColor = Colors.white;
String statusText = _getStatusPenerimaanText(status);
// Konversi status ke format yang diinginkan
if (status.toUpperCase() == 'SUDAHMENERIMA') {
backgroundColor = AppTheme.successColor;
statusText = 'Sudah Menerima';
} else {
// Semua status selain DITERIMA dianggap sebagai BELUMMENERIMA
backgroundColor = AppTheme.warningColor;
statusText = 'Belum Menerima';
}
return Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
decoration: BoxDecoration(
color: backgroundColor,
borderRadius: BorderRadius.circular(12),
),
child: Text(
statusText,
style: TextStyle(
color: textColor,
fontSize: 12,
fontWeight: FontWeight.bold,
),
),
);
}
Widget _buildActionButtons(BuildContext context) {
final status = controller.penyaluran.value?.status?.toUpperCase() ?? '';
if (controller.isProcessing.value) {
return const Center(
child: Padding(
padding: EdgeInsets.all(16.0),
child: CircularProgressIndicator(),
),
);
}
// Jika status DISETUJUI, tampilkan tombol Mulai Penyaluran
if (status == 'DISETUJUI') {
return SizedBox(
width: double.infinity,
child: ElevatedButton.icon(
icon: const Icon(Icons.play_arrow),
label: const Text('Mulai Penyaluran'),
style: ElevatedButton.styleFrom(
backgroundColor: AppTheme.primaryColor,
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(vertical: 16),
),
onPressed: controller.mulaiPenyaluran,
),
);
}
// Jika status AKTIF, tampilkan tombol Selesaikan Penyaluran dan Batalkan
if (status == 'AKTIF') {
return Column(
children: [
SizedBox(
width: double.infinity,
child: ElevatedButton.icon(
icon: const Icon(Icons.check_circle),
label: const Text('Selesaikan Penyaluran'),
style: ElevatedButton.styleFrom(
backgroundColor: AppTheme.successColor,
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(vertical: 16),
),
onPressed: controller.selesaikanPenyaluran,
),
),
const SizedBox(height: 12),
SizedBox(
width: double.infinity,
child: OutlinedButton.icon(
icon: const Icon(Icons.cancel),
label: const Text('Batalkan Penyaluran'),
style: OutlinedButton.styleFrom(
foregroundColor: AppTheme.errorColor,
side: const BorderSide(color: AppTheme.errorColor),
padding: const EdgeInsets.symmetric(vertical: 16),
),
onPressed: () => _showBatalkanDialog(context),
),
),
],
);
}
// Jika status TERLAKSANA atau DIBATALKAN, tidak perlu menampilkan tombol aksi
return const SizedBox.shrink();
}
Widget _buildInfoRow(String label, String value) {
return Padding(
padding: const EdgeInsets.only(bottom: 12.0),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(
width: 100,
child: Text(
label,
style: TextStyle(
fontSize: 14,
color: Colors.grey[600],
),
),
),
const SizedBox(width: 8),
Expanded(
child: Text(
value,
style: const TextStyle(
fontSize: 15,
fontWeight: FontWeight.w500,
),
),
),
],
),
);
}
void _showKonfirmasiPenerimaan(
BuildContext context, PenerimaPenyaluranModel penerima) {
// Dapatkan data jumlah bantuan dari penerima
final jumlahBantuan = penerima.jumlahBantuan?.toString() ?? '5';
// Navigasi ke halaman konfirmasi penerima
Get.to(
() => KonfirmasiPenerimaPage(
penerima: penerima,
bentukBantuan:
null, // Tidak ada data bentuk bantuan yang tersedia langsung
jumlahBantuan: jumlahBantuan,
tanggalPenyaluran: controller.penyaluran.value?.tanggalPenyaluran,
),
)?.then((result) {
if (result == true) {
// Refresh data jika konfirmasi berhasil
controller.refreshData();
}
});
}
void _showBatalkanDialog(BuildContext context) {
final TextEditingController alasanController = TextEditingController();
showDialog(
context: context,
builder: (context) => AlertDialog(
title: const Text('Batalkan Penyaluran'),
content: Column(
mainAxisSize: MainAxisSize.min,
children: [
const Text('Masukkan alasan pembatalan penyaluran:'),
const SizedBox(height: 16),
TextField(
controller: alasanController,
decoration: const InputDecoration(
hintText: 'Alasan pembatalan',
border: OutlineInputBorder(),
),
maxLines: 3,
),
],
),
actions: [
TextButton(
onPressed: () => Get.back(),
child: const Text('Batal'),
),
ElevatedButton(
onPressed: () {
if (alasanController.text.trim().isEmpty) {
Get.snackbar(
'Error',
'Alasan pembatalan tidak boleh kosong',
backgroundColor: Colors.red,
colorText: Colors.white,
snackPosition: SnackPosition.BOTTOM,
);
return;
}
controller.batalkanPenyaluran(alasanController.text.trim());
Get.back();
},
style: ElevatedButton.styleFrom(
backgroundColor: AppTheme.errorColor,
),
child: const Text('Batalkan'),
),
],
),
);
}
void _showDetailPenerima(
BuildContext context, PenerimaPenyaluranModel penerima) {
final dateFormat = DateFormat('dd MMMM yyyy', 'id_ID');
final warga = penerima.warga;
showModalBottomSheet(
context: context,
isScrollControlled: true,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
),
builder: (context) {
return Container(
padding: const EdgeInsets.all(20),
constraints: BoxConstraints(
maxHeight: MediaQuery.of(context).size.height * 0.8,
),
child: SingleChildScrollView(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Center(
child: Container(
width: 50,
height: 5,
decoration: BoxDecoration(
color: Colors.grey[300],
borderRadius: BorderRadius.circular(10),
),
),
),
const SizedBox(height: 20),
const Text(
'Biodata Singkat',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: AppTheme.primaryColor,
),
),
const Divider(height: 30),
if (warga != null) ...[
_buildInfoRow('Nama', warga['nama_lengkap'] ?? '-'),
_buildInfoRow('NIK', warga['nik'] ?? '-'),
_buildInfoRow('Alamat Lengkap',
'${warga['alamat'] ?? '-'} Desa ${warga['desa'] ?? '-'} Kecamatan ${warga['kecamatan'] ?? '-'} Kabupaten ${warga['kabupaten'] ?? '-'} Provinsi ${warga['provinsi'] ?? '-'}'),
_buildInfoRow('Jenis Kelamin', warga['jenis_kelamin'] ?? '-'),
_buildInfoRow('No. Telepon', warga['no_hp'] ?? '-'),
],
const Divider(height: 30),
_buildInfoRow('Status Penerimaan',
_getStatusPenerimaanText(penerima.statusPenerimaan ?? '-')),
if (penerima.tanggalPenerimaan != null)
_buildInfoRow('Tanggal Penerimaan',
dateFormat.format(penerima.tanggalPenerimaan!)),
if (penerima.jumlahBantuan != null)
_buildInfoRow(
'Jumlah Bantuan', penerima.jumlahBantuan.toString()),
if (penerima.keterangan != null &&
penerima.keterangan!.isNotEmpty)
_buildInfoRow('Keterangan', penerima.keterangan!),
if (penerima.buktiPenerimaan != null &&
penerima.buktiPenerimaan!.isNotEmpty) ...[
const SizedBox(height: 16),
const Text(
'Bukti Penerimaan',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: AppTheme.primaryColor,
),
),
const SizedBox(height: 8),
ClipRRect(
borderRadius: BorderRadius.circular(8),
child: Image.network(
penerima.buktiPenerimaan!,
height: 200,
width: double.infinity,
fit: BoxFit.cover,
errorBuilder: (context, error, stackTrace) {
return Container(
height: 200,
width: double.infinity,
color: Colors.grey[300],
child: const Center(
child: Text('Gagal memuat gambar'),
),
);
},
),
),
],
const SizedBox(height: 30),
if (controller.penyaluran.value?.status?.toUpperCase() ==
'AKTIF' &&
penerima.statusPenerimaan?.toUpperCase() !=
'SUDAHMENERIMA') ...[
const SizedBox(height: 16),
SizedBox(
width: double.infinity,
child: ElevatedButton.icon(
icon: const Icon(Icons.check_circle),
label: const Text(
'Konfirmasi Penerimaan',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
style: ElevatedButton.styleFrom(
backgroundColor: AppTheme.successColor,
),
onPressed: () {
Navigator.pop(context);
_showKonfirmasiPenerimaan(context, penerima);
},
),
),
],
const SizedBox(height: 10),
SizedBox(
width: double.infinity,
child: ElevatedButton(
onPressed: () => Navigator.pop(context),
child: const Text(
'Tutup',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
),
),
],
),
),
);
},
);
}
String _getStatusText(String status) {
switch (status.toUpperCase()) {
case 'MENUNGGU':
return 'Menunggu Persetujuan';
case 'DISETUJUI':
return 'Disetujui';
case 'DITOLAK':
return 'Ditolak';
case 'AKTIF':
return 'Sedang AKTIF';
case 'TERLAKSANA':
return 'Terlaksana';
case 'DIBATALKAN':
return 'Dibatalkan';
default:
return status;
}
}
String _getStatusPenerimaanText(String status) {
// Konversi status ke format yang diinginkan
if (status.toUpperCase() == 'SUDAHMENERIMA') {
return 'Sudah Menerima';
} else {
// Semua status selain DITERIMA dianggap sebagai BELUMMENERIMA
return 'Belum Menerima';
}
}
}

588
lib/app/modules/penyaluran/konfirmasi_penerima_page.dart Normal file
View File

@ -0,0 +1,588 @@
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:intl/intl.dart';
import 'package:penyaluran_app/app/data/models/penerima_penyaluran_model.dart';
import 'package:penyaluran_app/app/data/models/bentuk_bantuan_model.dart';
import 'package:penyaluran_app/app/modules/penyaluran/detail_penyaluran_controller.dart';
import 'package:penyaluran_app/app/theme/app_theme.dart';
import 'package:image_picker/image_picker.dart';
import 'dart:io';
class KonfirmasiPenerimaPage extends StatefulWidget {
final PenerimaPenyaluranModel penerima;
final BentukBantuanModel? bentukBantuan;
final String? jumlahBantuan;
final DateTime? tanggalPenyaluran;
const KonfirmasiPenerimaPage({
Key? key,
required this.penerima,
this.bentukBantuan,
this.jumlahBantuan,
this.tanggalPenyaluran,
}) : super(key: key);
@override
State<KonfirmasiPenerimaPage> createState() => _KonfirmasiPenerimaPageState();
}
class _KonfirmasiPenerimaPageState extends State<KonfirmasiPenerimaPage> {
final controller = Get.find<DetailPenyaluranController>();
final ImagePicker _picker = ImagePicker();
File? _buktiPenerimaan;
bool _setujuPenerimaan = false;
bool _setujuPenggunaan = false;
bool _isLoading = false;
@override
Widget build(BuildContext context) {
final warga = widget.penerima.warga;
final dateFormat = DateFormat('dd MMMM yyyy', 'id_ID');
final timeFormat = DateFormat('HH:mm', 'id_ID');
return Scaffold(
appBar: AppBar(
title: const Text('Form Konfirmasi Penerimaan Bantuan'),
centerTitle: true,
leading: IconButton(
icon: const Icon(Icons.arrow_back),
onPressed: () => Get.back(),
),
),
body: _isLoading
? const Center(child: CircularProgressIndicator())
: SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildDetailPenerimaSection(warga),
const SizedBox(height: 16),
_buildDetailBantuanSection(),
const SizedBox(height: 16),
_buildFotoBuktiSection(),
const SizedBox(height: 16),
_buildTandaTanganSection(),
const SizedBox(height: 16),
_buildFormPersetujuanSection(),
const SizedBox(height: 24),
_buildKonfirmasiButton(),
],
),
),
),
);
}
Widget _buildDetailPenerimaSection(Map<String, dynamic>? warga) {
return Card(
elevation: 2,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Detail Penerima',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: AppTheme.primaryColor,
),
),
const SizedBox(height: 16),
// Foto Identitas
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Foto Identitas',
style: TextStyle(
fontWeight: FontWeight.w500,
),
),
const Spacer(),
Container(
width: 60,
height: 80,
decoration: BoxDecoration(
color: Colors.grey[200],
borderRadius: BorderRadius.circular(8),
image: warga?['foto_identitas'] != null
? DecorationImage(
image: NetworkImage(warga!['foto_identitas']),
fit: BoxFit.cover,
)
: null,
),
child: warga?['foto_identitas'] == null
? const Icon(Icons.person, color: Colors.grey)
: null,
),
],
),
const Divider(),
// NIK
_buildInfoRow('NIK', warga?['nik'] ?? '3201020107030010'),
const Divider(),
// No KK
_buildInfoRow('No KK', warga?['no_kk'] ?? '3201020107030393'),
const Divider(),
// No Handphone
_buildInfoRow(
'No Handphone', warga?['no_telepon'] ?? '089891256532'),
const Divider(),
// Email
_buildInfoRow('Email', warga?['email'] ?? 'bajiyadi@gmail.com'),
const Divider(),
// Jenis Kelamin
_buildInfoRow('Jenis Kelamin', warga?['jenis_kelamin'] ?? 'Pria'),
const Divider(),
// Agama
_buildInfoRow('Agama', warga?['agama'] ?? 'Islam'),
const Divider(),
// Tempat, Tanggal Lahir
_buildInfoRow(
'Tempat, Tanggal Lahir',
warga?['tempat_lahir'] != null &&
warga?['tanggal_lahir'] != null
? '${warga!['tempat_lahir']}, ${DateFormat('d MMMM yyyy').format(DateTime.parse(warga['tanggal_lahir']))}'
: 'Bogor, 2 Juni 1990'),
const Divider(),
// Alamat Lengkap
_buildInfoRow(
'Alamat Lengkap',
warga?['alamat'] ??
'Jl. Letda Natsir No. 22 RT 001/003\nKec. Gunung Putri Kab. Bogor'),
const Divider(),
// Pekerjaan
_buildInfoRow('Pekerjaan', warga?['pekerjaan'] ?? 'Petani'),
const Divider(),
// Pendidikan Terakhir
_buildInfoRow('Pendidikan Terakhir',
warga?['pendidikan_terakhir'] ?? 'Sekolah Dasar (SD)'),
],
),
),
);
}
Widget _buildDetailBantuanSection() {
final dateFormat = DateFormat('dd MMMM yyyy', 'id_ID');
final timeFormat = DateFormat('HH:mm', 'id_ID');
// Tentukan satuan berdasarkan data yang tersedia
String satuan = '';
if (widget.bentukBantuan?.satuan != null) {
satuan = widget.bentukBantuan!.satuan!;
} else {
// Default satuan jika tidak ada
satuan = 'Kg';
}
String tanggalWaktuPenyaluran = '';
if (widget.tanggalPenyaluran != null) {
final tanggal = dateFormat.format(widget.tanggalPenyaluran!);
final waktuMulai = timeFormat.format(widget.tanggalPenyaluran!);
final waktuSelesai = timeFormat
.format(widget.tanggalPenyaluran!.add(const Duration(hours: 1)));
tanggalWaktuPenyaluran = '$tanggal $waktuMulai-$waktuSelesai';
} else {
tanggalWaktuPenyaluran = '09 April 2025 13:00-14:00';
}
return Card(
elevation: 2,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Detail Bantuan',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: AppTheme.primaryColor,
),
),
const SizedBox(height: 16),
// Bentuk Bantuan
_buildInfoRow(
'Bentuk Bantuan', widget.bentukBantuan?.nama ?? 'Beras'),
const Divider(),
// Nilai Bantuan
_buildInfoRow(
'Nilai Bantuan', '${widget.jumlahBantuan ?? '5'}$satuan'),
const Divider(),
// Tanggal Penyaluran
_buildInfoRow('Tanggal Penyaluran', tanggalWaktuPenyaluran),
],
),
),
);
}
Widget _buildFotoBuktiSection() {
return Card(
elevation: 2,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Foto Bukti Penerimaan',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: AppTheme.primaryColor,
),
),
const SizedBox(height: 16),
GestureDetector(
onTap: _ambilFoto,
child: Container(
width: double.infinity,
height: 120,
decoration: BoxDecoration(
color: Colors.grey[100],
borderRadius: BorderRadius.circular(12),
border: Border.all(color: Colors.grey[300]!),
),
child: _buktiPenerimaan != null
? ClipRRect(
borderRadius: BorderRadius.circular(12),
child: Image.file(
_buktiPenerimaan!,
fit: BoxFit.cover,
),
)
: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.add_photo_alternate_outlined,
size: 40,
color: Colors.grey[600],
),
const SizedBox(height: 8),
Text(
'Tambah Foto',
style: TextStyle(
color: Colors.grey[600],
fontWeight: FontWeight.w500,
),
),
],
),
),
),
],
),
),
);
}
Widget _buildTandaTanganSection() {
return Card(
elevation: 2,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Tanda Tangan Digital Penerima',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: AppTheme.primaryColor,
),
),
const SizedBox(height: 16),
Container(
width: double.infinity,
height: 100,
decoration: BoxDecoration(
color: Colors.grey[100],
borderRadius: BorderRadius.circular(12),
border: Border.all(color: Colors.grey[300]!),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'Tanda Tangan Digital',
style: TextStyle(
color: Colors.grey[600],
fontWeight: FontWeight.w500,
),
),
const SizedBox(height: 8),
Image.asset(
'assets/images/signature_placeholder.png',
height: 50,
fit: BoxFit.contain,
errorBuilder: (context, error, stackTrace) {
return Image.network(
'https://i.imgur.com/JMoZ0nR.png',
height: 50,
fit: BoxFit.contain,
);
},
),
],
),
),
],
),
),
);
}
Widget _buildFormPersetujuanSection() {
return Card(
elevation: 2,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Form Persetujuan',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: AppTheme.primaryColor,
),
),
const SizedBox(height: 16),
// Checkbox persetujuan 1
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(
width: 24,
height: 24,
child: Checkbox(
value: _setujuPenerimaan,
onChanged: (value) {
setState(() {
_setujuPenerimaan = value ?? false;
});
},
activeColor: AppTheme.primaryColor,
),
),
const SizedBox(width: 12),
const Expanded(
child: Text(
'Saya telah menerima bantuan dengan jumlah dan kondisi yang sesuai.',
style: TextStyle(fontSize: 14),
),
),
],
),
const SizedBox(height: 12),
// Checkbox persetujuan 2
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(
width: 24,
height: 24,
child: Checkbox(
value: _setujuPenggunaan,
onChanged: (value) {
setState(() {
_setujuPenggunaan = value ?? false;
});
},
activeColor: AppTheme.primaryColor,
),
),
const SizedBox(width: 12),
const Expanded(
child: Text(
'Saya akan menggunakan bantuan dengan sebaik-baiknya',
style: TextStyle(fontSize: 14),
),
),
],
),
],
),
),
);
}
Widget _buildKonfirmasiButton() {
return SizedBox(
width: double.infinity,
child: ElevatedButton(
onPressed: _setujuPenerimaan && _setujuPenggunaan
? _konfirmasiPenerimaan
: null,
style: ElevatedButton.styleFrom(
backgroundColor: AppTheme.primaryColor,
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(vertical: 16),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
disabledBackgroundColor: Colors.grey[300],
disabledForegroundColor: Colors.grey[600],
),
child: const Text(
'Konfirmasi Penerimaan',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
),
);
}
Widget _buildInfoRow(String label, String value) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 8.0),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
flex: 2,
child: Text(
label,
style: const TextStyle(
color: Colors.black87,
),
),
),
Expanded(
flex: 3,
child: Text(
value,
style: const TextStyle(
fontWeight: FontWeight.w500,
color: Colors.black,
),
textAlign: TextAlign.right,
),
),
],
),
);
}
Future<void> _ambilFoto() async {
try {
final XFile? image = await _picker.pickImage(
source: ImageSource.camera,
imageQuality: 80,
);
if (image != null) {
setState(() {
_buktiPenerimaan = File(image.path);
});
}
} catch (e) {
Get.snackbar(
'Error',
'Gagal mengambil foto: $e',
backgroundColor: Colors.red,
colorText: Colors.white,
snackPosition: SnackPosition.BOTTOM,
);
}
}
Future<void> _konfirmasiPenerimaan() async {
if (!_setujuPenerimaan || !_setujuPenggunaan) {
Get.snackbar(
'Perhatian',
'Anda harus menyetujui semua persyaratan',
backgroundColor: Colors.orange,
colorText: Colors.white,
snackPosition: SnackPosition.BOTTOM,
);
return;
}
setState(() {
_isLoading = true;
});
try {
String? imageUrl;
if (_buktiPenerimaan != null) {
// Upload bukti penerimaan
imageUrl =
await controller.uploadBuktiPenerimaan(_buktiPenerimaan!.path);
}
// Konfirmasi penerimaan
await controller.konfirmasiPenerimaan(
widget.penerima,
buktiPenerimaan: imageUrl,
);
Get.back(result: true);
Get.snackbar(
'Sukses',
'Konfirmasi penerimaan bantuan berhasil',
backgroundColor: Colors.green,
colorText: Colors.white,
snackPosition: SnackPosition.BOTTOM,
);
} catch (e) {
Get.snackbar(
'Error',
'Terjadi kesalahan: $e',
backgroundColor: Colors.red,
colorText: Colors.white,
snackPosition: SnackPosition.BOTTOM,
);
} finally {
setState(() {
_isLoading = false;
});
}
}
}

11
lib/app/modules/penyaluran/penyaluran_binding.dart Normal file
View File

@ -0,0 +1,11 @@
import 'package:get/get.dart';
import 'package:penyaluran_app/app/modules/penyaluran/detail_penyaluran_controller.dart';
import 'package:penyaluran_app/app/services/supabase_service.dart';
class PenyaluranBinding extends Bindings {
@override
void dependencies() {
Get.lazyPut<SupabaseService>(() => SupabaseService());
Get.lazyPut<DetailPenyaluranController>(() => DetailPenyaluranController());
}
}