Hapus file yang tidak digunakan terkait penyaluran, termasuk detail_penyaluran_page.dart, detail_penyaluran_controller.dart, konfirmasi_penerima_page.dart, dan penyaluran_binding.dart. Perbarui rute aplikasi untuk mencerminkan perubahan ini dengan mengganti referensi ke halaman dan binding yang dihapus.

lib/app/modules/petugas_desa/bindings/penyaluran_binding.dart

@@ -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());
+  }
+}

lib/app/modules/petugas_desa/controllers/detail_penyaluran_controller.dart

@@ -0,0 +1,505 @@
+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'];
+    final PenyaluranBantuanModel? penyaluranData =
+        Get.arguments as PenyaluranBantuanModel?;
+
+    if (penyaluranData != null) {
+      // Jika data penyaluran diterima langsung dari argumen
+      penyaluran.value = penyaluranData;
+      if (penyaluran.value?.id != null) {
+        loadPenyaluranDetails(penyaluran.value!.id!);
+      }
+      checkUserRole();
+    } else if (penyaluranId != null) {
+      // Jika hanya ID penyaluran yang diterima
+      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['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');
+
+      // 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 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}');
+
+        //print id
+        print('DetailPenyaluranController - ID penerima: ${penerima[0].id}');
+      }
+    } 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) {
+      // Jika data penyaluran sudah ada, cukup muat detail saja
+      await loadPenyaluranDetails(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 "AKTIF"
+      await _supabaseService.client
+          .from('penyaluran_bantuan')
+          .update({'status': 'AKTIF'}).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,
+      {required String buktiPenerimaan, required String tandaTangan}) async {
+    try {
+      isProcessing.value = true;
+
+      if (penerima.id == null) {
+        throw Exception('ID penerima tidak ditemukan');
+      }
+
+      if (buktiPenerimaan.isEmpty) {
+        throw Exception('Bukti penerimaan tidak boleh kosong');
+      }
+
+      if (tandaTangan.isEmpty) {
+        throw Exception('Tanda tangan tidak boleh kosong');
+      }
+
+      // Update status penerimaan menjadi "DITERIMA"
+      final Map<String, dynamic> updateData = {
+        'status_penerimaan': 'DITERIMA',
+        'tanggal_penerimaan': DateTime.now().toIso8601String(),
+        'bukti_penerimaan': buktiPenerimaan,
+        'tanda_tangan': tandaTangan,
+      };
+
+      print(
+          'DetailPenyaluranController - Updating penerima with ID: ${penerima.id}');
+      print('DetailPenyaluranController - Update data: $updateData');
+
+      await _supabaseService.client
+          .from('penerima_penyaluran')
+          .update(updateData)
+          .eq('id', penerima.id!);
+
+      // Refresh data setelah konfirmasi berhasil
+      await refreshData();
+
+      // Tidak perlu menampilkan snackbar di sini karena sudah ditampilkan di halaman konfirmasi penerima
+    } catch (e) {
+      print('Error konfirmasi penerimaan: $e');
+      // Tidak perlu menampilkan snackbar di sini karena sudah ditampilkan di halaman konfirmasi penerima
+      rethrow; // Melempar kembali exception agar dapat ditangkap di _konfirmasiPenerimaan
+    } 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 "BATALTERLAKSANA"
+      await _supabaseService.client.from('penyaluran_bantuan').update({
+        'status': 'BATALTERLAKSANA',
+        '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 atau tanda tangan
+  Future<String> uploadBuktiPenerimaan(String filePath,
+      {bool isTandaTangan = false}) async {
+    try {
+      final String folderName =
+          isTandaTangan ? 'tanda_tangan' : 'bukti_penerimaan';
+      final String filePrefix =
+          isTandaTangan ? 'tanda_tangan' : 'bukti_penerimaan';
+      final String fileName =
+          '${filePrefix}_${DateTime.now().millisecondsSinceEpoch}.jpg';
+      final file = File(filePath);
+
+      print(
+          'Uploading ${isTandaTangan ? "tanda tangan" : "bukti penerimaan"} dari: $filePath');
+      print('File exists: ${file.existsSync()}');
+      print('File size: ${file.lengthSync()} bytes');
+
+      if (!file.existsSync()) {
+        throw Exception('File tidak ditemukan: $filePath');
+      }
+
+      print('Uploading ke bucket: $folderName dengan nama file: $fileName');
+      final storageResponse = await _supabaseService.client.storage
+          .from(folderName)
+          .upload(fileName, file);
+
+      print('Storage response: $storageResponse');
+      if (storageResponse.isEmpty) {
+        throw Exception(
+            'Gagal mengupload ${isTandaTangan ? 'tanda tangan' : 'bukti penerimaan'}');
+      }
+
+      final fileUrl = _supabaseService.client.storage
+          .from(folderName)
+          .getPublicUrl(fileName);
+
+      print('File URL: $fileUrl');
+      if (fileUrl.isEmpty) {
+        throw Exception(
+            'Gagal mendapatkan URL ${isTandaTangan ? 'tanda tangan' : 'bukti penerimaan'}');
+      }
+
+      return fileUrl;
+    } catch (e) {
+      print(
+          'Error upload ${isTandaTangan ? 'tanda tangan' : 'bukti penerimaan'}: $e');
+      // Tidak perlu menampilkan snackbar di sini karena sudah ditampilkan di halaman konfirmasi penerima
+      throw Exception(
+          'Gagal mengupload ${isTandaTangan ? 'tanda tangan' : 'bukti penerimaan'}: $e');
+    }
+  }
+
+  // Fungsi untuk memuat detail penyaluran (skema dan penerima) tanpa memuat ulang data penyaluran
+  Future<void> loadPenyaluranDetails(String penyaluranId) async {
+    try {
+      isLoading.value = true;
+      print(
+          'DetailPenyaluranController - Memuat detail penyaluran dengan ID: $penyaluranId');
+
+      // 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 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}');
+
+        if (penerima.isNotEmpty) {
+          print('DetailPenyaluranController - ID penerima: ${penerima[0].id}');
+        }
+      }
+    } catch (e) {
+      print('Error loading penyaluran details: $e');
+      Get.snackbar(
+        'Error',
+        'Terjadi kesalahan saat memuat detail penyaluran',
+        snackPosition: SnackPosition.BOTTOM,
+      );
+    } finally {
+      isLoading.value = false;
+    }
+  }
+}

lib/app/modules/petugas_desa/views/konfirmasi_penerima_page.dart

@@ -0,0 +1,745 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.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/petugas_desa/controllers/detail_penyaluran_controller.dart';
+import 'package:penyaluran_app/app/theme/app_theme.dart';
+import 'package:image_picker/image_picker.dart';
+import 'package:signature/signature.dart';
+import 'dart:io';
+import 'dart:typed_data';
+import 'dart:ui' as ui;
+import 'package:penyaluran_app/app/utils/date_time_helper.dart';
+
+class KonfirmasiPenerimaPage extends StatefulWidget {
+  final PenerimaPenyaluranModel penerima;
+  final BentukBantuanModel? bentukBantuan;
+  final String? jumlahBantuan;
+  final DateTime? tanggalPenyaluran;
+
+  const KonfirmasiPenerimaPage({
+    super.key,
+    required this.penerima,
+    this.bentukBantuan,
+    this.jumlahBantuan,
+    this.tanggalPenyaluran,
+  });
+
+  @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;
+
+  // Controller untuk tanda tangan
+  final SignatureController _signatureController = SignatureController(
+    penStrokeWidth: 3,
+    penColor: AppTheme.primaryColor,
+    exportBackgroundColor: Colors.white,
+  );
+
+  // Untuk menyimpan gambar tanda tangan
+  Uint8List? _signatureImage;
+
+  @override
+  void dispose() {
+    // Pastikan controller signature dibersihkan
+    _signatureController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final warga = widget.penerima.warga;
+
+    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: Obx(
+        () => controller.isProcessing.value || _isLoading
+            ? const Center(
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    CircularProgressIndicator(),
+                    SizedBox(height: 16),
+                    Text('Sedang memproses konfirmasi...'),
+                  ],
+                ),
+              )
+            : 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']}, ${DateTimeHelper.formatDate(DateTime.parse(warga['tanggal_lahir']), format: 'd MMMM yyyy')}'
+                    : '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() {
+    // 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 = DateTimeHelper.formatDate(widget.tanggalPenyaluran!);
+      final waktuMulai = DateTimeHelper.formatTime(widget.tanggalPenyaluran!);
+      final waktuSelesai = DateTimeHelper.formatTime(
+          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),
+
+            // Area tanda tangan
+            Container(
+              width: double.infinity,
+              height: 200,
+              decoration: BoxDecoration(
+                color: Colors.white,
+                borderRadius: BorderRadius.circular(12),
+                border: Border.all(color: Colors.grey[300]!),
+              ),
+              child: _signatureImage != null
+                  ? ClipRRect(
+                      borderRadius: BorderRadius.circular(12),
+                      child: Image.memory(
+                        _signatureImage!,
+                        fit: BoxFit.contain,
+                      ),
+                    )
+                  : Signature(
+                      controller: _signatureController,
+                      backgroundColor: Colors.white,
+                      height: 200,
+                      width: double.infinity,
+                    ),
+            ),
+
+            const SizedBox(height: 12),
+
+            // Tombol aksi untuk tanda tangan
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+              children: [
+                // Tombol hapus tanda tangan
+                ElevatedButton.icon(
+                  onPressed: () {
+                    setState(() {
+                      _signatureController.clear();
+                      _signatureImage = null;
+                    });
+                  },
+                  icon: const Icon(Icons.delete_outline),
+                  label: const Text('Hapus'),
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: Colors.red[100],
+                    foregroundColor: Colors.red[800],
+                  ),
+                ),
+
+                // Tombol simpan tanda tangan
+                ElevatedButton.icon(
+                  onPressed: _saveSignature,
+                  icon: const Icon(Icons.check),
+                  label: const Text('Simpan'),
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: Colors.green[100],
+                    foregroundColor: Colors.green[800],
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  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> _saveSignature() async {
+    if (_signatureController.isEmpty) {
+      Get.snackbar(
+        'Perhatian',
+        'Tanda tangan tidak boleh kosong',
+        backgroundColor: Colors.orange,
+        colorText: Colors.white,
+        snackPosition: SnackPosition.BOTTOM,
+      );
+      return;
+    }
+
+    // Mendapatkan data tanda tangan
+    final signature = await _signatureController.toPngBytes();
+
+    if (signature != null) {
+      setState(() {
+        _signatureImage = signature;
+      });
+
+      Get.snackbar(
+        'Sukses',
+        'Tanda tangan berhasil disimpan',
+        backgroundColor: Colors.green,
+        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;
+    }
+
+    if (_signatureImage == null) {
+      Get.snackbar(
+        'Perhatian',
+        'Tanda tangan digital diperlukan',
+        backgroundColor: Colors.orange,
+        colorText: Colors.white,
+        snackPosition: SnackPosition.BOTTOM,
+      );
+      return;
+    }
+
+    if (_buktiPenerimaan == null) {
+      Get.snackbar(
+        'Perhatian',
+        'Foto bukti penerimaan diperlukan',
+        backgroundColor: Colors.orange,
+        colorText: Colors.white,
+        snackPosition: SnackPosition.BOTTOM,
+      );
+      return;
+    }
+
+    setState(() {
+      _isLoading = true;
+    });
+
+    Directory? tempDir;
+    File? signatureFile;
+
+    try {
+      String imageUrl;
+      String signatureUrl;
+
+      // Upload bukti penerimaan
+      imageUrl = await controller.uploadBuktiPenerimaan(_buktiPenerimaan!.path);
+
+      // Simpan tanda tangan ke file sementara dan upload
+      tempDir = await Directory.systemTemp.createTemp('signature');
+      signatureFile = File('${tempDir.path}/signature.png');
+      await signatureFile.writeAsBytes(_signatureImage!);
+
+      print('Signature file path: ${signatureFile.path}');
+      print('Signature file exists: ${signatureFile.existsSync()}');
+      print('Signature file size: ${signatureFile.lengthSync()} bytes');
+
+      signatureUrl = await controller.uploadBuktiPenerimaan(
+        signatureFile.path,
+        isTandaTangan: true,
+      );
+
+      // Konfirmasi penerimaan
+      await controller.konfirmasiPenerimaan(
+        widget.penerima,
+        buktiPenerimaan: imageUrl,
+        tandaTangan: signatureUrl,
+      );
+
+      // Hapus file sementara sebelum navigasi
+      try {
+        if (signatureFile.existsSync()) {
+          await signatureFile.delete();
+        }
+        if (tempDir.existsSync()) {
+          await tempDir.delete();
+        }
+      } catch (e) {
+        print('Error saat menghapus file sementara: $e');
+      }
+
+      // Tutup semua snackbar yang mungkin masih terbuka
+      if (Get.isSnackbarOpen) {
+        Get.closeAllSnackbars();
+      }
+
+      // Kembali ke halaman sebelumnya dengan hasil true (berhasil)
+      // Gunakan Get.back(result: true) untuk kembali ke halaman detail penyaluran
+      // dengan membawa hasil bahwa konfirmasi berhasil
+      Get.back(result: true);
+
+      // Tampilkan snackbar sukses di halaman detail penyaluran
+      Future.delayed(const Duration(milliseconds: 300), () {
+        Get.snackbar(
+          'Sukses',
+          'Konfirmasi penerimaan bantuan berhasil',
+          backgroundColor: Colors.green,
+          colorText: Colors.white,
+          snackPosition: SnackPosition.BOTTOM,
+          duration: const Duration(seconds: 2),
+        );
+      });
+    } catch (e) {
+      // Tampilkan pesan error
+      Get.snackbar(
+        'Error',
+        'Terjadi kesalahan: $e',
+        backgroundColor: Colors.red,
+        colorText: Colors.white,
+        snackPosition: SnackPosition.BOTTOM,
+      );
+    } finally {
+      // Hapus file sementara jika belum dihapus
+      try {
+        if (signatureFile != null && signatureFile.existsSync()) {
+          await signatureFile.delete();
+        }
+        if (tempDir != null && tempDir.existsSync()) {
+          await tempDir.delete();
+        }
+      } catch (e) {
+        print('Error saat menghapus file sementara: $e');
+      }
+
+      setState(() {
+        _isLoading = false;
+      });
+    }
+  }
+}