Tambahkan dependensi flutter_staggered_animations versi 1.1.1 ke dalam pubspec.yaml dan pubspec.lock. Perbarui DetailPenyaluranPage untuk menggunakan animasi baru, termasuk penambahan fitur scroll ke atas dan loading state yang lebih informatif. Modifikasi tampilan dan logika untuk meningkatkan pengalaman pengguna saat menampilkan daftar penerima penyaluran.

android/app/.cxx/Debug/626b5o2n/arm64-v8a/configure_fingerprint.bin

@@ -2,27 +2,27 @@ C/C++ Structured LogO
 M
 KC:\dev\flutter\packages\flutter_tools\gradle\src\main\groovy\CMakeLists.txtC
 A
-?com.android.build.gradle.internal.cxx.io.EncodedFileFingerPrint	<08><EFBFBD><EFBFBD><EFBFBD><EFBFBD>2

<18> <20><><EFBFBD><EFBFBD><EFBFBD>2<EFBFBD>

+?com.android.build.gradle.internal.cxx.io.EncodedFileFingerPrint	<08>ۈ<EFBFBD><EFBFBD>2

<18> <20><><EFBFBD><EFBFBD><EFBFBD>2<EFBFBD>

 
-}D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\additional_project_files.txt	<08><EFBFBD><EFBFBD><EFBFBD><EFBFBD>2
 <20><><EFBFBD><EFBFBD><EFBFBD>2~
+}D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\additional_project_files.txt	<08>ۈ<EFBFBD><EFBFBD>2
 <20><><EFBFBD><EFBFBD><EFBFBD>2~
 |
-zD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\android_gradle_build.json	<08><EFBFBD><EFBFBD><EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2<EFBFBD>

+zD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\android_gradle_build.json	<08>ۈ<EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2<EFBFBD>

 <EFBFBD>

-D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\android_gradle_build_mini.json	<08><EFBFBD><EFBFBD><EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2p
+D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\android_gradle_build_mini.json	<08>ۈ<EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2p
 n
-lD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\build.ninja	<08><EFBFBD><EFBFBD><EFBFBD><EFBFBD>2
<18><>
 <20><><EFBFBD><EFBFBD><EFBFBD>2t
+lD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\build.ninja	<08>ۈ<EFBFBD><EFBFBD>2
<18><>
 <20><><EFBFBD><EFBFBD><EFBFBD>2t
 r
-pD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\build.ninja.txt	<08><EFBFBD><EFBFBD><EFBFBD><EFBFBD>2y
+pD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\build.ninja.txt	<08>ۈ<EFBFBD><EFBFBD>2y
 w
-uD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\build_file_index.txt	<08><EFBFBD><EFBFBD><EFBFBD><EFBFBD>2
+uD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\build_file_index.txt	<08>ۈ<EFBFBD><EFBFBD>2
 
K <20><><EFBFBD><EFBFBD><EFBFBD>2z
-x
+x
 vD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\compile_commands.json	<08>ۈ<EFBFBD><DB88>2	~
-|
+|
 zD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\compile_commands.json.bin	<08>ۈ<EFBFBD><DB88>2
 <EFBFBD>

-<EFBFBD>

+<EFBFBD>

 <EFBFBD>
D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\metadata_generation_command.txt	<08>ۈ<EFBFBD><DB88>2
<18>	 <20><><EFBFBD><EFBFBD><EFBFBD>2w
-u
+u
 sD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\arm64-v8a\prefab_config.json	<08>ۈ<EFBFBD><DB88>2
-
( <20><><EFBFBD><EFBFBD><EFBFBD>2|
+
( <20><><EFBFBD><EFBFBD><EFBFBD>2|

android/app/.cxx/Debug/626b5o2n/armeabi-v7a/configure_fingerprint.bin

@@ -2,27 +2,27 @@ C/C++ Structured LogO
 M
 KC:\dev\flutter\packages\flutter_tools\gradle\src\main\groovy\CMakeLists.txtC
 A
-?com.android.build.gradle.internal.cxx.io.EncodedFileFingerPrint	<08>Ÿ<EFBFBD><EFBFBD>2

<18> <20><><EFBFBD><EFBFBD><EFBFBD>2<EFBFBD>

+?com.android.build.gradle.internal.cxx.io.EncodedFileFingerPrint	<08>܈<EFBFBD><EFBFBD>2

<18> <20><><EFBFBD><EFBFBD><EFBFBD>2<EFBFBD>

 <EFBFBD>

-D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\additional_project_files.txt	<08>Ÿ<EFBFBD><EFBFBD>2
 <20><><EFBFBD><EFBFBD><EFBFBD>2<EFBFBD>

+D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\additional_project_files.txt	<08>܈<EFBFBD><EFBFBD>2
 <20><><EFBFBD><EFBFBD><EFBFBD>2<EFBFBD>

 ~
-|D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\android_gradle_build.json	<08>Ÿ<EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2<EFBFBD>

+|D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\android_gradle_build.json	<08>܈<EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2<EFBFBD>

 <EFBFBD>

-<EFBFBD>
D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\android_gradle_build_mini.json	<08>Ÿ<EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2r
+<EFBFBD>
D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\android_gradle_build_mini.json	<08>܈<EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2r
 p
-nD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\build.ninja	<08>Ÿ<EFBFBD><EFBFBD>2
<18><>
 <20><><EFBFBD><EFBFBD><EFBFBD>2v
+nD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\build.ninja	<08>܈<EFBFBD><EFBFBD>2
<18><>
 <20><><EFBFBD><EFBFBD><EFBFBD>2v
 t
-rD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\build.ninja.txt	<08>Ÿ<EFBFBD><EFBFBD>2{
+rD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\build.ninja.txt	<08>܈<EFBFBD><EFBFBD>2{
 y
-wD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\build_file_index.txt	<08>Ÿ<EFBFBD><EFBFBD>2
+wD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\build_file_index.txt	<08>܈<EFBFBD><EFBFBD>2
 
K <20><><EFBFBD><EFBFBD><EFBFBD>2|
-z
+z
 xD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\compile_commands.json	<08>܈<EFBFBD><DC88>2	<09>

-~
+~
 |D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\compile_commands.json.bin	<08>܈<EFBFBD><DC88>2
 <EFBFBD>

-<EFBFBD>

+<EFBFBD>

 <EFBFBD>
D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\metadata_generation_command.txt	<08>܈<EFBFBD><DC88>2
<18>	 <20><><EFBFBD><EFBFBD><EFBFBD>2y
-w
+w
 uD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\armeabi-v7a\prefab_config.json	<08>܈<EFBFBD><DC88>2
-
( <20><><EFBFBD><EFBFBD><EFBFBD>2~
+
( <20><><EFBFBD><EFBFBD><EFBFBD>2~

android/app/.cxx/Debug/626b5o2n/x86/configure_fingerprint.bin

@@ -2,27 +2,27 @@ C/C++ Structured LogO
 M
 KC:\dev\flutter\packages\flutter_tools\gradle\src\main\groovy\CMakeLists.txtC
 A
-?com.android.build.gradle.internal.cxx.io.EncodedFileFingerPrint	<08>Ǹ<EFBFBD><EFBFBD>2

<18> <20><><EFBFBD><EFBFBD><EFBFBD>2{
+?com.android.build.gradle.internal.cxx.io.EncodedFileFingerPrint	<08>݈<EFBFBD><EFBFBD>2

<18> <20><><EFBFBD><EFBFBD><EFBFBD>2{
 y
-wD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\additional_project_files.txt	<08>Ǹ<EFBFBD><EFBFBD>2
 <20><><EFBFBD><EFBFBD><EFBFBD>2x
+wD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\additional_project_files.txt	<08>݈<EFBFBD><EFBFBD>2
 <20><><EFBFBD><EFBFBD><EFBFBD>2x
 v
-tD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\android_gradle_build.json	<08>Ǹ<EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2}
+tD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\android_gradle_build.json	<08>݈<EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2}
 {
-yD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\android_gradle_build_mini.json	<08>Ǹ<EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2j
+yD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\android_gradle_build_mini.json	<08>݈<EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2j
 h
-fD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\build.ninja	<08>Ǹ<EFBFBD><EFBFBD>2
<18><>
 <20><><EFBFBD><EFBFBD><EFBFBD>2n
+fD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\build.ninja	<08>݈<EFBFBD><EFBFBD>2
<18><>
 <20><><EFBFBD><EFBFBD><EFBFBD>2n
 l
-jD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\build.ninja.txt	<08>Ǹ<EFBFBD><EFBFBD>2s
+jD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\build.ninja.txt	<08>݈<EFBFBD><EFBFBD>2s
 q
-oD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\build_file_index.txt	<08>Ǹ<EFBFBD><EFBFBD>2
+oD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\build_file_index.txt	<08>݈<EFBFBD><EFBFBD>2
 
K <20><><EFBFBD><EFBFBD><EFBFBD>2t
-r
+r
 pD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\compile_commands.json	<08>݈<EFBFBD><DD88>2	x
-v
+v
 tD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\compile_commands.json.bin	<08>݈<EFBFBD><DD88>2
 ~
-|
+|
 zD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\metadata_generation_command.txt	<08>݈<EFBFBD><DD88>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2q
-o
+o
 mD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86\prefab_config.json	<08>݈<EFBFBD><DD88>2
-
( <20><><EFBFBD><EFBFBD><EFBFBD>2v
+
( <20><><EFBFBD><EFBFBD><EFBFBD>2v

android/app/.cxx/Debug/626b5o2n/x86_64/configure_fingerprint.bin

@@ -2,27 +2,27 @@ C/C++ Structured LogO
 M
 KC:\dev\flutter\packages\flutter_tools\gradle\src\main\groovy\CMakeLists.txtC
 A
-?com.android.build.gradle.internal.cxx.io.EncodedFileFingerPrint	<08>˸<EFBFBD><EFBFBD>2

<18> <20><><EFBFBD><EFBFBD><EFBFBD>2~
+?com.android.build.gradle.internal.cxx.io.EncodedFileFingerPrint	<08>ވ<EFBFBD><EFBFBD>2

<18> <20><><EFBFBD><EFBFBD><EFBFBD>2~
 |
-zD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\additional_project_files.txt	<08>˸<EFBFBD><EFBFBD>2
 <20><><EFBFBD><EFBFBD><EFBFBD>2{
+zD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\additional_project_files.txt	<08>ވ<EFBFBD><EFBFBD>2
 <20><><EFBFBD><EFBFBD><EFBFBD>2{
 y
-wD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\android_gradle_build.json	<08>˸<EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2<EFBFBD>

+wD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\android_gradle_build.json	<08>ވ<EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2<EFBFBD>

 ~
-|D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\android_gradle_build_mini.json	<08>˸<EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2m
+|D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\android_gradle_build_mini.json	<08>ވ<EFBFBD><EFBFBD>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2m
 k
-iD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\build.ninja	<08>˸<EFBFBD><EFBFBD>2
<18><>
 <20><><EFBFBD><EFBFBD><EFBFBD>2q
+iD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\build.ninja	<08>ވ<EFBFBD><EFBFBD>2
<18><>
 <20><><EFBFBD><EFBFBD><EFBFBD>2q
 o
-mD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\build.ninja.txt	<08>˸<EFBFBD><EFBFBD>2v
+mD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\build.ninja.txt	<08>ވ<EFBFBD><EFBFBD>2v
 t
-rD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\build_file_index.txt	<08>˸<EFBFBD><EFBFBD>2
+rD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\build_file_index.txt	<08>ވ<EFBFBD><EFBFBD>2
 
K <20><><EFBFBD><EFBFBD><EFBFBD>2w
-u
+u
 sD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\compile_commands.json	<08>ވ<EFBFBD><DE88>2	{
-y
+y
 wD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\compile_commands.json.bin	<08>ވ<EFBFBD><DE88>2
 <EFBFBD>

-
+
 }D:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\metadata_generation_command.txt	<08>ވ<EFBFBD><DE88>2
<18> <20><><EFBFBD><EFBFBD><EFBFBD>2t
-r
+r
 pD:\KULIAH\Matkul\SKRIPSI\penyaluran_app\penyaluran_app\android\app\.cxx\Debug\626b5o2n\x86_64\prefab_config.json	<08>ވ<EFBFBD><DE88>2
-
( <20><><EFBFBD><EFBFBD><EFBFBD>2y
+
( <20><><EFBFBD><EFBFBD><EFBFBD>2y

lib/app/modules/petugas_desa/components/calendar_view_widget.dart

@@ -43,7 +43,7 @@ class CalendarViewWidget extends StatelessWidget {
             ),
           ),
           SizedBox(
-            height: 500,
+            height: MediaQuery.of(context).size.height * 0.65,
             child: Obx(() {
               return SfCalendar(
                 view: CalendarView.month,
@@ -52,8 +52,8 @@ class CalendarViewWidget extends StatelessWidget {
                 monthViewSettings: MonthViewSettings(
                   appointmentDisplayMode: MonthAppointmentDisplayMode.indicator,
                   showAgenda: true,
-                  agendaViewHeight: 250,
+                  agendaViewHeight: MediaQuery.of(context).size.height * 0.3,
-                  agendaItemHeight: 70,
+                  agendaItemHeight: 60,
                   dayFormat: 'EEE',
                   numberOfWeeksInView: 6,
                   appointmentDisplayCount: 3,
@@ -119,6 +119,7 @@ class CalendarViewWidget extends StatelessWidget {
                     // }
                   }
                 },
+                appointmentBuilder: _appointmentBuilder,
               );
             }),
           ),
@@ -260,16 +261,23 @@ class CalendarViewWidget extends StatelessWidget {
             jadwalDate.isBefore(lastDayOfMonth.add(const Duration(days: 1)))) {
           Color appointmentColor;
 
-          // Periksa status jadwal
+          // Periksa status jadwal menggunakan switch-case untuk konsistensi
-          if (jadwal.status == 'SELESAI') {
+          switch (jadwal.status?.toUpperCase()) {
-            appointmentColor = Colors.grey;
+            case 'DIJADWALKAN':
-          } else if (jadwal.status == 'BERLANGSUNG') {
+            case 'DISETUJUI':
-            appointmentColor = Colors.green;
+              appointmentColor = AppTheme.processedColor;
-          } else if (jadwal.status == 'DIJADWALKAN' ||
+              break;
-              jadwal.status == 'DISETUJUI') {
+            case 'AKTIF':
-            appointmentColor = AppTheme.primaryColor;
+              appointmentColor = AppTheme.scheduledColor;
-          } else {
+              break;
-            appointmentColor = Colors.orange;
+            case 'TERLAKSANA':
+              appointmentColor = AppTheme.completedColor;
+              break;
+            case 'BATALTERLAKSANA':
+              appointmentColor = AppTheme.errorColor;
+              break;
+            default:
+              appointmentColor = AppTheme.infoColor;
           }
 
           appointments.add(
@@ -296,26 +304,65 @@ class CalendarViewWidget extends StatelessWidget {
     final String formattedDate =
         DateTimeHelper.formatDateIndonesian(appointment.startTime);
 
+    // Dapatkan status dari ID jadwal
+    String? status = _getStatusFromAppointmentId(appointment.id);
+
     showModalBottomSheet(
       context: context,
       isScrollControlled: true,
       shape: const RoundedRectangleBorder(
         borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
       ),
-      builder: (context) => Container(
+      builder: (context) => Padding(
+        padding: EdgeInsets.only(
+          bottom: MediaQuery.of(context).viewInsets.bottom,
+        ),
+        child: Container(
           padding: const EdgeInsets.all(20),
+          constraints: BoxConstraints(
+            maxHeight: MediaQuery.of(context).size.height * 0.7,
+          ),
+          child: SingleChildScrollView(
             child: Column(
               mainAxisSize: MainAxisSize.min,
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-            Text(
+                Row(
+                  children: [
+                    Expanded(
+                      child: Text(
                         appointment.subject,
                         style: const TextStyle(
                           fontSize: 20,
                           fontWeight: FontWeight.bold,
                         ),
                       ),
+                    ),
+                    if (status != null) _buildStatusBadge(status),
+                  ],
+                ),
                 const SizedBox(height: 10),
+                if (status != null) ...[
+                  Row(
+                    children: [
+                      Icon(
+                        _getStatusIcon(status),
+                        size: 16,
+                        color: _getStatusColor(status),
+                      ),
+                      const SizedBox(width: 8),
+                      Text(
+                        'Status: ${_getStatusText(status)}',
+                        style: TextStyle(
+                          fontSize: 16,
+                          fontWeight: FontWeight.w500,
+                          color: _getStatusColor(status),
+                        ),
+                      ),
+                    ],
+                  ),
+                  const SizedBox(height: 8),
+                ],
                 Row(
                   children: [
                     const Icon(Icons.calendar_today, size: 16),
@@ -341,6 +388,7 @@ class CalendarViewWidget extends StatelessWidget {
                     appointment.location!.isNotEmpty) ...[
                   const SizedBox(height: 8),
                   Row(
+                    crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
                       const Icon(Icons.location_on, size: 16),
                       const SizedBox(width: 8),
@@ -353,7 +401,8 @@ class CalendarViewWidget extends StatelessWidget {
                     ],
                   ),
                 ],
-            if (appointment.notes != null && appointment.notes!.isNotEmpty) ...[
+                if (appointment.notes != null &&
+                    appointment.notes!.isNotEmpty) ...[
                   const SizedBox(height: 16),
                   const Text(
                     'Deskripsi:',
@@ -387,8 +436,236 @@ class CalendarViewWidget extends StatelessWidget {
               ],
             ),
           ),
+        ),
+      ),
     );
   }
+
+  // Builder untuk kustomisasi tampilan appointment pada agenda view
+  Widget _appointmentBuilder(
+      BuildContext context, CalendarAppointmentDetails details) {
+    final Appointment appointment = details.appointments.first;
+    String? status = _getStatusFromAppointmentId(appointment.id);
+
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
+      decoration: BoxDecoration(
+        color: appointment.color,
+        borderRadius: BorderRadius.circular(8),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Row(
+            children: [
+              Expanded(
+                child: Text(
+                  appointment.subject,
+                  style: const TextStyle(
+                    fontSize: 13,
+                    fontWeight: FontWeight.bold,
+                    color: Colors.white,
+                  ),
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                ),
+              ),
+              if (status != null)
+                Icon(
+                  _getStatusIcon(status),
+                  color: Colors.white,
+                  size: 13,
+                ),
+              const SizedBox(width: 4),
+              if (status != null) ...[
+                Container(
+                  padding:
+                      const EdgeInsets.symmetric(horizontal: 4, vertical: 1),
+                  decoration: BoxDecoration(
+                    color: Colors.white.withOpacity(0.2),
+                    borderRadius: BorderRadius.circular(3),
+                  ),
+                  child: Text(
+                    _getStatusText(status),
+                    style: const TextStyle(
+                      fontSize: 9,
+                      fontWeight: FontWeight.bold,
+                      color: Colors.white,
+                    ),
+                  ),
+                ),
+              ],
+            ],
+          ),
+          const SizedBox(height: 3),
+          if (appointment.location != null && appointment.location!.isNotEmpty)
+            Row(
+              children: [
+                const Icon(
+                  Icons.location_on,
+                  color: Colors.white70,
+                  size: 10,
+                ),
+                const SizedBox(width: 3),
+                Expanded(
+                  child: Text(
+                    appointment.location!,
+                    style: const TextStyle(
+                      fontSize: 10,
+                      color: Colors.white70,
+                    ),
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                ),
+              ],
+            ),
+          const SizedBox(height: 3),
+          Row(
+            children: [
+              const Icon(
+                Icons.access_time,
+                color: Colors.white70,
+                size: 10,
+              ),
+              const SizedBox(width: 3),
+              Text(
+                '${appointment.startTime.hour}:${appointment.startTime.minute.toString().padLeft(2, '0')} WIB',
+                style: const TextStyle(
+                  fontSize: 10,
+                  color: Colors.white70,
+                ),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+
+  // Mendapatkan status jadwal berdasarkan ID
+  String? _getStatusFromAppointmentId(Object? id) {
+    if (id == null) return null;
+
+    String jadwalId = id.toString();
+
+    // Cari jadwal dengan ID yang sesuai
+    for (var jadwal in [
+      ...controller.jadwalHariIni,
+      ...controller.jadwalMendatang,
+      ...controller.jadwalTerlaksana
+    ]) {
+      if (jadwal.id == jadwalId) {
+        return jadwal.status;
+      }
+    }
+
+    return null;
+  }
+
+  // Widget untuk menampilkan badge status
+  Widget _buildStatusBadge(String status) {
+    Color backgroundColor;
+    Color textColor = Colors.white;
+    String statusText = _getStatusText(status);
+
+    switch (status.toUpperCase()) {
+      case 'DIJADWALKAN':
+      case 'DISETUJUI':
+        backgroundColor = AppTheme.processedColor;
+        break;
+      case 'AKTIF':
+        backgroundColor = AppTheme.scheduledColor;
+        break;
+      case 'TERLAKSANA':
+        backgroundColor = AppTheme.completedColor;
+        break;
+      case 'BATALTERLAKSANA':
+        backgroundColor = AppTheme.errorColor;
+        break;
+      default:
+        backgroundColor = AppTheme.infoColor;
+    }
+
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+      decoration: BoxDecoration(
+        color: backgroundColor,
+        borderRadius: BorderRadius.circular(12),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Icon(
+            _getStatusIcon(status),
+            color: textColor,
+            size: 12,
+          ),
+          const SizedBox(width: 4),
+          Text(
+            statusText,
+            style: TextStyle(
+              color: textColor,
+              fontSize: 12,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  // Mendapatkan warna status yang sesuai
+  Color _getStatusColor(String status) {
+    switch (status.toUpperCase()) {
+      case 'DIJADWALKAN':
+      case 'DISETUJUI':
+        return AppTheme.processedColor;
+      case 'AKTIF':
+        return AppTheme.scheduledColor;
+      case 'TERLAKSANA':
+        return AppTheme.completedColor;
+      case 'BATALTERLAKSANA':
+        return AppTheme.errorColor;
+      default:
+        return AppTheme.infoColor;
+    }
+  }
+
+  // Mendapatkan ikon status yang sesuai
+  IconData _getStatusIcon(String status) {
+    switch (status.toUpperCase()) {
+      case 'DIJADWALKAN':
+      case 'DISETUJUI':
+        return Icons.event_available;
+      case 'AKTIF':
+        return Icons.play_circle_fill;
+      case 'TERLAKSANA':
+        return Icons.check_circle;
+      case 'BATALTERLAKSANA':
+        return Icons.cancel;
+      default:
+        return Icons.info_outline;
+    }
+  }
+
+  // Mendapatkan teks status yang sesuai
+  String _getStatusText(String status) {
+    switch (status.toUpperCase()) {
+      case 'DIJADWALKAN':
+      case 'DISETUJUI':
+        return 'Dijadwalkan';
+      case 'AKTIF':
+        return 'Aktif';
+      case 'TERLAKSANA':
+        return 'Terlaksana';
+      case 'BATALTERLAKSANA':
+        return 'Batal';
+      default:
+        return status;
+    }
+  }
 }
 
 class _AppointmentDataSource extends CalendarDataSource {

pubspec.lock

@@ -267,6 +267,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "5.2.1"
+  flutter_staggered_animations:
+    dependency: "direct main"
+    description:
+      name: flutter_staggered_animations
+      sha256: "81d3c816c9bb0dca9e8a5d5454610e21ffb068aedb2bde49d2f8d04f75538351"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.1"
   flutter_svg:
     dependency: "direct main"
     description:

pubspec.yaml

@@ -69,6 +69,7 @@ dependencies:
 
   flutter_localizations:
     sdk: flutter
+  flutter_staggered_animations: ^1.1.1
 
 dev_dependencies:
   flutter_test: