From fc673ccd20983031af64f5cb965a1eb50378295a Mon Sep 17 00:00:00 2001
From: HadiPrakosou-HD <hadiprakosou@gmail.com>
Date: Wed, 14 Jan 2026 06:46:15 +0700
Subject: [PATCH] Tampilan Awal, Tambah Register, Tambah Halaman Login

---
 .idea/deploymentTargetSelector.xml            |    4 +-
 .idea/deviceManager.xml                       |   13 +
 .idea/markdown.xml                            |    8 +
 app/build.gradle.kts                          |   10 +-
 .../ubharajaya/sistemakademik/MainActivity.kt | 1081 ++++++++++++++---
 .../sistemakademik/ui/theme/Color.kt          |    7 +-
 .../sistemakademik/ui/theme/Theme.kt          |   56 +-
 gradle/libs.versions.toml                     |    4 +-
 8 files changed, 961 insertions(+), 222 deletions(-)
 create mode 100644 .idea/deviceManager.xml
 create mode 100644 .idea/markdown.xml

diff --git a/.idea/deploymentTargetSelector.xml b/.idea/deploymentTargetSelector.xml
index b77ef91..26d2e8c 100644
--- a/.idea/deploymentTargetSelector.xml
+++ b/.idea/deploymentTargetSelector.xml
@@ -4,10 +4,10 @@
     <selectionStates>
       <SelectionState runConfigName="app">
         <option name="selectionMode" value="DROPDOWN" />
-        <DropdownSelection timestamp="2026-01-13T05:20:56.137492Z">
+        <DropdownSelection timestamp="2026-01-13T15:21:18.861135600Z">
           <Target type="DEFAULT_BOOT">
             <handle>
-              <DeviceId pluginId="PhysicalDevice" identifier="serial=RR8TA08RD8Z" />
+              <DeviceId pluginId="PhysicalDevice" identifier="serial=RR8RB0A0F3R" />
             </handle>
           </Target>
         </DropdownSelection>
diff --git a/.idea/deviceManager.xml b/.idea/deviceManager.xml
new file mode 100644
index 0000000..91f9558
--- /dev/null
+++ b/.idea/deviceManager.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="DeviceTable">
+    <option name="columnSorters">
+      <list>
+        <ColumnSorterState>
+          <option name="column" value="Name" />
+          <option name="order" value="ASCENDING" />
+        </ColumnSorterState>
+      </list>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/markdown.xml b/.idea/markdown.xml
new file mode 100644
index 0000000..c61ea33
--- /dev/null
+++ b/.idea/markdown.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="MarkdownSettings">
+    <option name="previewPanelProviderInfo">
+      <ProviderInfo name="Compose (experimental)" className="com.intellij.markdown.compose.preview.ComposePanelProvider" />
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/app/build.gradle.kts b/app/build.gradle.kts
index 7d76378..8f1b605 100644
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@@ -6,9 +6,7 @@ plugins {
 
 android {
     namespace = "id.ac.ubharajaya.sistemakademik"
-    compileSdk {
-        version = release(36)
-    }
+    compileSdk = 36
 
     defaultConfig {
         applicationId = "id.ac.ubharajaya.sistemakademik"
@@ -45,12 +43,14 @@ dependencies {
     implementation(libs.androidx.core.ktx)
     implementation(libs.androidx.lifecycle.runtime.ktx)
     implementation(libs.androidx.activity.compose)
-    implementation("androidx.activity:activity-compose:1.9.0")
     implementation(platform(libs.androidx.compose.bom))
     implementation(libs.androidx.compose.ui)
     implementation(libs.androidx.compose.ui.graphics)
     implementation(libs.androidx.compose.ui.tooling.preview)
     implementation(libs.androidx.compose.material3)
+    implementation(libs.androidx.navigation.compose)
+    implementation(libs.androidx.material.icons.extended)
+
     // Location (GPS)
     implementation("com.google.android.gms:play-services-location:21.0.1")
 
@@ -61,4 +61,4 @@ dependencies {
     androidTestImplementation(libs.androidx.compose.ui.test.junit4)
     debugImplementation(libs.androidx.compose.ui.tooling)
     debugImplementation(libs.androidx.compose.ui.test.manifest)
-}
\ No newline at end of file
+}
diff --git a/app/src/main/java/id/ac/ubharajaya/sistemakademik/MainActivity.kt b/app/src/main/java/id/ac/ubharajaya/sistemakademik/MainActivity.kt
index c774502..b9a5a97 100644
--- a/app/src/main/java/id/ac/ubharajaya/sistemakademik/MainActivity.kt
+++ b/app/src/main/java/id/ac/ubharajaya/sistemakademik/MainActivity.kt
@@ -2,9 +2,12 @@ package id.ac.ubharajaya.sistemakademik
 
 import android.Manifest
 import android.app.Activity
+import android.content.Context
 import android.content.Intent
 import android.content.pm.PackageManager
 import android.graphics.Bitmap
+import android.graphics.BitmapFactory
+import android.location.Location
 import android.os.Bundle
 import android.provider.MediaStore
 import android.util.Base64
@@ -14,80 +17,218 @@ import androidx.activity.compose.rememberLauncherForActivityResult
 import androidx.activity.compose.setContent
 import androidx.activity.enableEdgeToEdge
 import androidx.activity.result.contract.ActivityResultContracts
+import androidx.compose.animation.*
+import androidx.compose.animation.core.tween
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.filled.ArrowBack
+import androidx.compose.material.icons.automirrored.filled.Logout
+import androidx.compose.material.icons.filled.*
+import androidx.compose.material.icons.outlined.*
 import androidx.compose.material3.*
 import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.alpha
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.draw.shadow
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.asImageBitmap
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.input.KeyboardType
+import androidx.compose.ui.text.input.PasswordVisualTransformation
+import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
 import androidx.core.content.ContextCompat
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import androidx.navigation.compose.rememberNavController
+import androidx.navigation.navArgument
 import com.google.android.gms.location.LocationServices
 import id.ac.ubharajaya.sistemakademik.ui.theme.SistemAkademikTheme
+import org.json.JSONArray
 import org.json.JSONObject
 import java.io.ByteArrayOutputStream
 import java.net.HttpURLConnection
 import java.net.URL
+import java.text.SimpleDateFormat
+import java.util.*
 import kotlin.concurrent.thread
+import kotlin.random.Random
+
+/* ================= ROUTES ================= */
+sealed class Screen(val route: String) {
+    object Login : Screen("login")
+    object Register : Screen("register")
+    object Home : Screen("home")
+    object Attendance : Screen("attendance")
+    object Success : Screen("success")
+    object HistoryLogs : Screen("history")
+    object Schedule : Screen("schedule")
+}
+
+/* ================= DATA MODELS & PREFS ================= */
+data class User(val npm: String, val nama: String, val password: String)
+data class AttendanceLog(
+    val timestamp: Long,
+    val mataKuliah: String,
+    val status: String,
+    val fotoBase64: String? = null,
+    val latitude: Double? = null,
+    val longitude: Double? = null
+)
+data class ScheduleItem(val day: String, val time: String, val course: String, val room: String)
+
+class PreferenceManager(context: Context) {
+    private val prefs = context.getSharedPreferences("user_prefs", Context.MODE_PRIVATE)
+
+    fun saveUser(user: User) {
+        prefs.edit().apply {
+            putString("npm_${user.npm}", user.npm)
+            putString("nama_${user.npm}", user.nama)
+            putString("pass_${user.npm}", user.password)
+            apply()
+        }
+    }
+
+    fun getUser(npm: String): User? {
+        val savedNpm = prefs.getString("npm_$npm", null) ?: return null
+        val nama = prefs.getString("nama_$npm", "") ?: ""
+        val pass = prefs.getString("pass_$npm", "") ?: ""
+        return User(savedNpm, nama, pass)
+    }
+
+    fun setLoggedInUser(npm: String) {
+        prefs.edit().putString("current_user_npm", npm).apply()
+    }
+
+    fun getLoggedInUser(): User? {
+        val npm = prefs.getString("current_user_npm", null) ?: return null
+        return getUser(npm)
+    }
+
+    fun saveAttendance(npm: String, log: AttendanceLog) {
+        val logs = getAttendanceLogs(npm).toMutableList()
+        logs.add(0, log)
+        val jsonArray = JSONArray()
+        logs.forEach {
+            val obj = JSONObject().apply {
+                put("timestamp", it.timestamp)
+                put("mataKuliah", it.mataKuliah)
+                put("status", it.status)
+                put("fotoBase64", it.fotoBase64)
+                put("latitude", it.latitude)
+                put("longitude", it.longitude)
+            }
+            jsonArray.put(obj)
+        }
+        prefs.edit().putString("history_$npm", jsonArray.toString()).apply()
+    }
+
+    fun getAttendanceLogs(npm: String): List<AttendanceLog> {
+        val json = prefs.getString("history_$npm", null) ?: return emptyList()
+        val list = mutableListOf<AttendanceLog>()
+        val array = JSONArray(json)
+        for (i in 0 until array.length()) {
+            val obj = array.getJSONObject(i)
+            list.add(AttendanceLog(
+                obj.getLong("timestamp"),
+                obj.getString("mataKuliah"),
+                obj.getString("status"),
+                obj.optString("fotoBase64", null),
+                if (obj.has("latitude")) obj.getDouble("latitude") else null,
+                if (obj.has("longitude")) obj.getDouble("longitude") else null
+            ))
+        }
+        return list
+    }
+
+    fun logout() {
+        prefs.edit().remove("current_user_npm").apply()
+    }
+}
 
 /* ================= UTIL ================= */
 
 fun bitmapToBase64(bitmap: Bitmap): String {
     val outputStream = ByteArrayOutputStream()
-    bitmap.compress(Bitmap.CompressFormat.JPEG, 80, outputStream)
+    bitmap.compress(Bitmap.CompressFormat.JPEG, 40, outputStream)
     return Base64.encodeToString(outputStream.toByteArray(), Base64.NO_WRAP)
 }
 
+fun base64ToBitmap(base64Str: String): Bitmap? {
+    return try {
+        val decodedBytes = Base64.decode(base64Str, Base64.DEFAULT)
+        BitmapFactory.decodeByteArray(decodedBytes, 0, decodedBytes.size)
+    } catch (e: Exception) {
+        null
+    }
+}
+
 fun kirimKeN8n(
-    context: ComponentActivity,
+    context: Activity,
+    npm: String,
+    nama: String,
     latitude: Double,
     longitude: Double,
-    foto: Bitmap
+    mataKuliah: String,
+    status: String,
+    foto: Bitmap,
+    onSuccess: (String) -> Unit,
+    onLoading: (Boolean) -> Unit
 ) {
+    onLoading(true)
+    val fotoBase64 = bitmapToBase64(foto)
     thread {
         try {
             val url = URL("https://n8n.lab.ubharajaya.ac.id/webhook/23c6993d-1792-48fb-ad1c-ffc78a3e6254")
-// test URL            val url = URL("https://n8n.lab.ubharajaya.ac.id/webhook-test/23c6993d-1792-48fb-ad1c-ffc78a3e6254")
             val conn = url.openConnection() as HttpURLConnection
-
             conn.requestMethod = "POST"
             conn.setRequestProperty("Content-Type", "application/json")
             conn.doOutput = true
 
             val json = JSONObject().apply {
-                put("npm", "12345")
-                put("nama","Arif R D")
+                put("timestamp", System.currentTimeMillis())
+                put("npm", npm)
+                put("nama", nama)
                 put("latitude", latitude)
                 put("longitude", longitude)
-                put("timestamp", System.currentTimeMillis())
-                put("foto_base64", bitmapToBase64(foto))
-            }
-
-            conn.outputStream.use {
-                it.write(json.toString().toByteArray())
+                put("mata_kuliah", mataKuliah)
+                put("status", status)
+                put("foto_base64", fotoBase64)
             }
 
+            conn.outputStream.use { it.write(json.toString().toByteArray()) }
             val responseCode = conn.responseCode
 
             context.runOnUiThread {
-                Toast.makeText(
-                    context,
-                    if (responseCode == 200)
-                        "Absensi diterima server"
-                    else
-                        "Absensi ditolak server",
-                    Toast.LENGTH_SHORT
-                ).show()
+                onLoading(false)
+                if (responseCode == 200) onSuccess(fotoBase64)
+                else Toast.makeText(context, "Server Error ($responseCode)", Toast.LENGTH_SHORT).show()
             }
-
             conn.disconnect()
-
-        } catch (_: Exception) {
+        } catch (e: Exception) {
             context.runOnUiThread {
-                Toast.makeText(
-                    context,
-                    "Gagal kirim ke server",
-                    Toast.LENGTH_SHORT
-                ).show()
+                onLoading(false)
+                Toast.makeText(context, "Network Error: ${e.message}", Toast.LENGTH_SHORT).show()
             }
         }
     }
@@ -96,179 +237,749 @@ fun kirimKeN8n(
 /* ================= ACTIVITY ================= */
 
 class MainActivity : ComponentActivity() {
-
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         enableEdgeToEdge()
+        val prefs = PreferenceManager(this)
 
         setContent {
             SistemAkademikTheme {
-                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
-                    AbsensiScreen(
-                        modifier = Modifier.padding(innerPadding),
-                        activity = this
-                    )
+                val navController = rememberNavController()
+                Surface(modifier = Modifier.fillMaxSize(), color = MaterialTheme.colorScheme.background) {
+                    val startDestination = if (prefs.getLoggedInUser() != null) Screen.Home.route else Screen.Login.route
+                    NavHost(
+                        navController = navController, 
+                        startDestination = startDestination,
+                        enterTransition = { fadeIn(animationSpec = tween(300)) },
+                        exitTransition = { fadeOut(animationSpec = tween(300)) }
+                    ) {
+                        composable(Screen.Login.route) { LoginScreen(navController, prefs) }
+                        composable(Screen.Register.route) { RegisterScreen(navController, prefs) }
+                        composable(Screen.Home.route) { HomeScreen(navController, prefs) }
+                        composable(
+                            route = Screen.Attendance.route + "?course={course}",
+                            arguments = listOf(navArgument("course") { nullable = true; defaultValue = null })
+                        ) { backStackEntry ->
+                            val preselectedCourse = backStackEntry.arguments?.getString("course")
+                            AttendanceScreen(navController, this@MainActivity, prefs, preselectedCourse)
+                        }
+                        composable(Screen.Success.route) { SuccessScreen(navController) }
+                        composable(Screen.HistoryLogs.route) { HistoryScreen(navController, prefs) }
+                        composable(Screen.Schedule.route) { ScheduleScreen(navController) }
+                    }
                 }
             }
         }
     }
 }
 
-/* ================= UI ================= */
+/* ================= COMPONENTS ================= */
 
 @Composable
-fun AbsensiScreen(
-    modifier: Modifier = Modifier,
-    activity: ComponentActivity
-) {
+fun AppBackground(content: @Composable ColumnScope.() -> Unit) {
+    val gradientBrush = Brush.verticalGradient(
+        colors = listOf(
+            MaterialTheme.colorScheme.primary.copy(alpha = 0.05f),
+            MaterialTheme.colorScheme.background
+        )
+    )
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(gradientBrush)
+            .statusBarsPadding()
+            .navigationBarsPadding(),
+        content = content
+    )
+}
+
+/* ================= SCREENS ================= */
+
+@Composable
+fun RegisterScreen(navController: NavHostController, prefs: PreferenceManager) {
+    var npm by remember { mutableStateOf("") }
+    var nama by remember { mutableStateOf("") }
+    var password by remember { mutableStateOf("") }
     val context = LocalContext.current
 
-    var lokasi by remember { mutableStateOf("Koordinat: -") }
-    var latitude by remember { mutableStateOf<Double?>(null) }
-    var longitude by remember { mutableStateOf<Double?>(null) }
-    var foto by remember { mutableStateOf<Bitmap?>(null) }
-
-    val fusedLocationClient =
-        LocationServices.getFusedLocationProviderClient(context)
-
-    /* ===== Permission Lokasi ===== */
-
-    val locationPermissionLauncher =
-        rememberLauncherForActivityResult(
-            ActivityResultContracts.RequestPermission()
-        ) { granted ->
-            if (granted) {
-
-                if (
-                    ContextCompat.checkSelfPermission(
-                        context,
-                        Manifest.permission.ACCESS_FINE_LOCATION
-                    ) == PackageManager.PERMISSION_GRANTED
-                ) {
-
-                    fusedLocationClient.lastLocation
-                        .addOnSuccessListener { location ->
-                            if (location != null) {
-                                latitude = location.latitude
-                                longitude = location.longitude
-                                lokasi =
-                                    "Lat: ${location.latitude}\nLon: ${location.longitude}"
-                            } else {
-                                lokasi = "Lokasi tidak tersedia"
-                            }
-                        }
-                        .addOnFailureListener {
-                            lokasi = "Gagal mengambil lokasi"
-                        }
-                }
-
-            } else {
-                Toast.makeText(
-                    context,
-                    "Izin lokasi ditolak",
-                    Toast.LENGTH_SHORT
-                ).show()
-            }
-        }
-
-    /* ===== Kamera ===== */
-
-    val cameraLauncher =
-        rememberLauncherForActivityResult(
-            ActivityResultContracts.StartActivityForResult()
-        ) { result ->
-            if (result.resultCode == Activity.RESULT_OK) {
-                val bitmap =
-                    result.data?.extras?.getParcelable("data", Bitmap::class.java)
-                if (bitmap != null) {
-                    foto = bitmap
-                    Toast.makeText(
-                        context,
-                        "Foto berhasil diambil",
-                        Toast.LENGTH_SHORT
-                    ).show()
-                }
-            }
-        }
-
-    val cameraPermissionLauncher =
-        rememberLauncherForActivityResult(
-            ActivityResultContracts.RequestPermission()
-        ) { granted ->
-            if (granted) {
-                val intent =
-                    Intent(MediaStore.ACTION_IMAGE_CAPTURE)
-                cameraLauncher.launch(intent)
-            } else {
-                Toast.makeText(
-                    context,
-                    "Izin kamera ditolak",
-                    Toast.LENGTH_SHORT
-                ).show()
-            }
-        }
-
-    /* ===== Request Awal ===== */
-
-    LaunchedEffect(Unit) {
-        locationPermissionLauncher.launch(
-            Manifest.permission.ACCESS_FINE_LOCATION
-        )
-    }
-
-    /* ===== UI ===== */
-
-    Column(
-        modifier = modifier
-            .fillMaxSize()
-            .padding(24.dp),
-        verticalArrangement = Arrangement.Center
-    ) {
-
-        Text(
-            text = "Absensi Akademik",
-            style = MaterialTheme.typography.titleLarge
-        )
-
-        Spacer(modifier = Modifier.height(16.dp))
-
-        Text(text = lokasi)
-
-        Spacer(modifier = Modifier.height(16.dp))
-
-        Button(
-            onClick = {
-                cameraPermissionLauncher.launch(
-                    Manifest.permission.CAMERA
-                )
-            },
-            modifier = Modifier.fillMaxWidth()
+    AppBackground {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(horizontal = 32.dp)
+                .verticalScroll(rememberScrollState()),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center
         ) {
-            Text("Ambil Foto")
-        }
-
-        Spacer(modifier = Modifier.height(12.dp))
-
-        Button(
-            onClick = {
-                if (latitude != null && longitude != null && foto != null) {
-                    kirimKeN8n(
-                        activity,
-                        latitude!!,
-                        longitude!!,
-                        foto!!
-                    )
-                } else {
-                    Toast.makeText(
-                        context,
-                        "Lokasi atau foto belum lengkap",
-                        Toast.LENGTH_SHORT
-                    ).show()
-                }
-            },
-            modifier = Modifier.fillMaxWidth()
-        ) {
-            Text("Kirim Absensi")
+            Icon(
+                Icons.Default.AppRegistration, null, 
+                Modifier.size(80.dp).padding(bottom = 16.dp), 
+                MaterialTheme.colorScheme.primary
+            )
+            Text(
+                "Daftar Akun", 
+                style = MaterialTheme.typography.headlineMedium, 
+                fontWeight = FontWeight.Bold, 
+                color = MaterialTheme.colorScheme.primary
+            )
+            Text(
+                "Silakan isi data untuk bergabung", 
+                style = MaterialTheme.typography.bodyMedium,
+                color = Color.Gray,
+                modifier = Modifier.padding(bottom = 32.dp)
+            )
+            
+            OutlinedTextField(
+                npm, { npm = it }, 
+                label = { Text("NPM") }, 
+                leadingIcon = { Icon(Icons.Outlined.Badge, null) }, 
+                modifier = Modifier.fillMaxWidth(), 
+                shape = RoundedCornerShape(16.dp),
+                keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number)
+            )
+            Spacer(modifier = Modifier.height(16.dp))
+            OutlinedTextField(
+                nama, { nama = it }, 
+                label = { Text("Nama Lengkap") }, 
+                leadingIcon = { Icon(Icons.Outlined.Person, null) }, 
+                modifier = Modifier.fillMaxWidth(), 
+                shape = RoundedCornerShape(16.dp)
+            )
+            Spacer(modifier = Modifier.height(16.dp))
+            OutlinedTextField(
+                password, { password = it }, 
+                label = { Text("Password") }, 
+                leadingIcon = { Icon(Icons.Outlined.Lock, null) }, 
+                visualTransformation = PasswordVisualTransformation(), 
+                modifier = Modifier.fillMaxWidth(), 
+                shape = RoundedCornerShape(16.dp)
+            )
+            Spacer(modifier = Modifier.height(32.dp))
+            Button(
+                {
+                    if (npm.isNotEmpty() && nama.isNotEmpty() && password.isNotEmpty()) {
+                        prefs.saveUser(User(npm, nama, password))
+                        Toast.makeText(context, "Registrasi Berhasil!", Toast.LENGTH_SHORT).show()
+                        navController.navigate(Screen.Login.route)
+                    } else Toast.makeText(context, "Harap isi semua field", Toast.LENGTH_SHORT).show()
+                }, 
+                Modifier.fillMaxWidth().height(56.dp), 
+                shape = RoundedCornerShape(16.dp),
+                elevation = ButtonDefaults.buttonElevation(defaultElevation = 4.dp)
+            ) { Text("DAFTAR", fontWeight = FontWeight.Bold) }
+            
+            TextButton({ navController.popBackStack() }) { 
+                Text("Sudah punya akun? Login di sini", color = MaterialTheme.colorScheme.primary) 
+            }
+            Spacer(modifier = Modifier.height(48.dp))
+        }
+    }
+}
+
+@Composable
+fun LoginScreen(navController: NavHostController, prefs: PreferenceManager) {
+    var npm by remember { mutableStateOf("") }
+    var password by remember { mutableStateOf("") }
+    val context = LocalContext.current
+
+    AppBackground {
+        Column(
+            modifier = Modifier.fillMaxSize().padding(horizontal = 32.dp), 
+            horizontalAlignment = Alignment.CenterHorizontally, 
+            verticalArrangement = Arrangement.Center
+        ) {
+            Surface(
+                modifier = Modifier.size(120.dp).padding(bottom = 16.dp),
+                shape = CircleShape,
+                color = MaterialTheme.colorScheme.primaryContainer
+            ) {
+                Icon(
+                    Icons.Default.School, null, 
+                    Modifier.padding(24.dp), 
+                    MaterialTheme.colorScheme.primary
+                )
+            }
+            Text(
+                "Sistem Akademik", 
+                style = MaterialTheme.typography.headlineMedium, 
+                fontWeight = FontWeight.ExtraBold, 
+                color = MaterialTheme.colorScheme.primary
+            )
+            Text(
+                "Aplikasi Absensi Mahasiswa", 
+                style = MaterialTheme.typography.bodyMedium,
+                color = Color.Gray,
+                modifier = Modifier.padding(bottom = 48.dp)
+            )
+            
+            OutlinedTextField(
+                npm, { npm = it }, 
+                label = { Text("NPM") }, 
+                leadingIcon = { Icon(Icons.Outlined.Badge, null) }, 
+                modifier = Modifier.fillMaxWidth(), 
+                shape = RoundedCornerShape(16.dp),
+                keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number)
+            )
+            Spacer(modifier = Modifier.height(16.dp))
+            OutlinedTextField(
+                password, { password = it }, 
+                label = { Text("Password") }, 
+                leadingIcon = { Icon(Icons.Outlined.Lock, null) }, 
+                visualTransformation = PasswordVisualTransformation(), 
+                modifier = Modifier.fillMaxWidth(), 
+                shape = RoundedCornerShape(16.dp)
+            )
+            Spacer(modifier = Modifier.height(32.dp))
+            Button(
+                {
+                    val user = prefs.getUser(npm)
+                    if (user != null && user.password == password) {
+                        prefs.setLoggedInUser(npm)
+                        navController.navigate(Screen.Home.route) { popUpTo(Screen.Login.route) { inclusive = true } }
+                    } else Toast.makeText(context, "NPM atau Password salah", Toast.LENGTH_SHORT).show()
+                }, 
+                Modifier.fillMaxWidth().height(56.dp), 
+                shape = RoundedCornerShape(16.dp),
+                elevation = ButtonDefaults.buttonElevation(defaultElevation = 4.dp)
+            ) { Text("MASUK", fontWeight = FontWeight.Bold, fontSize = 16.sp) }
+            
+            TextButton({ navController.navigate(Screen.Register.route) }) { 
+                Text("Belum punya akun? Daftar Sekarang", color = MaterialTheme.colorScheme.secondary) 
+            }
+        }
+    }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun HomeScreen(navController: NavHostController, prefs: PreferenceManager) {
+    val user = prefs.getLoggedInUser() ?: User("", "Guest", "")
+    Scaffold(
+        topBar = {
+            TopAppBar(
+                title = { 
+                    Column {
+                        Text("Akademik", style = MaterialTheme.typography.titleLarge, fontWeight = FontWeight.Bold, color = Color.White)
+                        Text("Ubhara Jaya", style = MaterialTheme.typography.labelMedium, color = Color.White.copy(alpha = 0.8f))
+                    }
+                },
+                actions = { 
+                    IconButton({ 
+                        prefs.logout(); 
+                        navController.navigate(Screen.Login.route) { popUpTo(Screen.Home.route) { inclusive = true } } 
+                    }) { 
+                        Icon(Icons.AutoMirrored.Filled.Logout, null, tint = Color.White) 
+                    } 
+                },
+                colors = TopAppBarDefaults.topAppBarColors(containerColor = MaterialTheme.colorScheme.primary)
+            )
+        }
+    ) { p ->
+        AppBackground {
+            Column(
+                Modifier.padding(p).fillMaxSize().padding(24.dp), 
+                horizontalAlignment = Alignment.CenterHorizontally
+            ) {
+                ElevatedCard(
+                    modifier = Modifier.fillMaxWidth().padding(bottom = 32.dp),
+                    shape = RoundedCornerShape(24.dp),
+                    colors = CardDefaults.elevatedCardColors(containerColor = MaterialTheme.colorScheme.surface)
+                ) {
+                    Row(
+                        modifier = Modifier.padding(20.dp),
+                        verticalAlignment = Alignment.CenterVertically
+                    ) {
+                        Surface(
+                            modifier = Modifier.size(64.dp),
+                            shape = CircleShape,
+                            color = MaterialTheme.colorScheme.secondaryContainer
+                        ) {
+                            Icon(Icons.Default.Person, null, Modifier.padding(16.dp), MaterialTheme.colorScheme.onSecondaryContainer)
+                        }
+                        Spacer(Modifier.width(16.dp))
+                        Column {
+                            Text("Selamat Datang,", style = MaterialTheme.typography.bodyMedium, color = Color.Gray)
+                            Text(user.nama, style = MaterialTheme.typography.titleLarge, fontWeight = FontWeight.Bold)
+                            Text("NPM: ${user.npm}", style = MaterialTheme.typography.bodySmall, color = MaterialTheme.colorScheme.primary)
+                        }
+                    }
+                }
+
+                Text(
+                    "Layanan Mahasiswa", 
+                    modifier = Modifier.fillMaxWidth().padding(bottom = 16.dp, start = 4.dp),
+                    style = MaterialTheme.typography.titleMedium,
+                    fontWeight = FontWeight.Bold
+                )
+
+                Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.spacedBy(16.dp)) {
+                    DashboardButton(
+                        "Jadwal", 
+                        Icons.Default.CalendarMonth, 
+                        Modifier.weight(1f)
+                    ) { navController.navigate(Screen.Schedule.route) }
+                    DashboardButton(
+                        "Riwayat", 
+                        Icons.Default.History, 
+                        Modifier.weight(1f)
+                    ) { navController.navigate(Screen.HistoryLogs.route) }
+                }
+                
+                Spacer(Modifier.height(24.dp))
+                
+                Button(
+                    { navController.navigate(Screen.Attendance.route) }, 
+                    Modifier.fillMaxWidth().height(72.dp), 
+                    shape = RoundedCornerShape(24.dp), 
+                    colors = ButtonDefaults.buttonColors(containerColor = MaterialTheme.colorScheme.secondary),
+                    elevation = ButtonDefaults.buttonElevation(defaultElevation = 8.dp)
+                ) {
+                    Icon(Icons.Default.CameraAlt, null, Modifier.size(28.dp))
+                    Spacer(Modifier.width(12.dp))
+                    Text("MULAI ABSENSI", fontWeight = FontWeight.ExtraBold, fontSize = 18.sp)
+                }
+                
+                Spacer(Modifier.weight(1f))
+                
+                ElevatedCard(
+                    Modifier.fillMaxWidth().height(160.dp), 
+                    shape = RoundedCornerShape(24.dp)
+                ) {
+                    Box(Modifier.fillMaxSize()) {
+                        Image(
+                            imageVector = Icons.Default.Map, 
+                            contentDescription = null,
+                            modifier = Modifier.fillMaxSize().alpha(0.1f),
+                            contentScale = ContentScale.Crop
+                        )
+                        Column(
+                            Modifier.fillMaxSize().padding(20.dp), 
+                            verticalArrangement = Arrangement.Center,
+                            horizontalAlignment = Alignment.CenterHorizontally
+                        ) {
+                            Icon(Icons.Default.LocationOn, null, tint = Color.Red, modifier = Modifier.size(32.dp))
+                            Spacer(Modifier.height(8.dp))
+                            Text("Kampus Bhayangkara", fontWeight = FontWeight.Bold)
+                            Text("Bekasi, Jawa Barat", style = MaterialTheme.typography.bodySmall, color = Color.Gray)
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+@Composable
+fun DashboardButton(text: String, icon: ImageVector, modifier: Modifier = Modifier, onClick: () -> Unit) {
+    ElevatedCard(
+        onClick = onClick,
+        modifier = modifier.height(100.dp),
+        shape = RoundedCornerShape(20.dp),
+        colors = CardDefaults.elevatedCardColors(containerColor = Color.White)
+    ) {
+        Column(
+            Modifier.fillMaxSize(),
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.Center
+        ) {
+            Icon(icon, null, tint = MaterialTheme.colorScheme.primary, modifier = Modifier.size(32.dp))
+            Spacer(Modifier.height(8.dp))
+            Text(text, style = MaterialTheme.typography.labelLarge, fontWeight = FontWeight.Bold)
+        }
+    }
+}
+
+@Composable
+fun MenuButton(text: String, icon: ImageVector, onClick: () -> Unit) {
+    OutlinedButton(
+        onClick, 
+        Modifier.fillMaxWidth().height(56.dp), 
+        shape = RoundedCornerShape(16.dp),
+        border = BorderStroke(1.dp, MaterialTheme.colorScheme.outline.copy(alpha = 0.3f))
+    ) {
+        Icon(icon, null, tint = MaterialTheme.colorScheme.primary); 
+        Spacer(Modifier.width(16.dp)); 
+        Text(text, Modifier.weight(1f), color = MaterialTheme.colorScheme.onSurface); 
+        Icon(Icons.Default.ChevronRight, null, tint = Color.LightGray)
+    }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun AttendanceScreen(navController: NavHostController, activity: Activity, prefs: PreferenceManager, preselectedCourse: String? = null) {
+    val context = LocalContext.current
+    val user = prefs.getLoggedInUser() ?: User("0", "Guest", "")
+    
+    var foto by remember { mutableStateOf<Bitmap?>(null) }
+    var userLoc by remember { mutableStateOf<Location?>(null) }
+    var isLoading by remember { mutableStateOf(false) }
+    var privacyMode by remember { mutableStateOf(false) }
+
+    val courseList = listOf("Pemrograman Perangkat Bergerak", "Basis Data", "Kecerdasan Buatan", "Jaringan Komputer")
+    var expanded by remember { mutableStateOf(false) }
+    var selectedCourse by remember { mutableStateOf(preselectedCourse ?: courseList[0]) }
+
+    val fusedLocationClient = remember { LocationServices.getFusedLocationProviderClient(context) }
+    val cameraLauncher = rememberLauncherForActivityResult(ActivityResultContracts.StartActivityForResult()) { res ->
+        if (res.resultCode == Activity.RESULT_OK) {
+            @Suppress("DEPRECATION")
+            foto = res.data?.extras?.getParcelable("data")
+        }
+    }
+    val cameraPerm = rememberLauncherForActivityResult(ActivityResultContracts.RequestPermission()) { if (it) cameraLauncher.launch(Intent(MediaStore.ACTION_IMAGE_CAPTURE)) }
+    val locPerm = rememberLauncherForActivityResult(ActivityResultContracts.RequestPermission()) { if (it && ContextCompat.checkSelfPermission(context, Manifest.permission.ACCESS_FINE_LOCATION) == PackageManager.PERMISSION_GRANTED) {
+        fusedLocationClient.lastLocation.addOnSuccessListener { loc -> if (loc != null) userLoc = loc }
+    }}
+
+    LaunchedEffect(Unit) { locPerm.launch(Manifest.permission.ACCESS_FINE_LOCATION) }
+
+    Scaffold(
+        topBar = { 
+            TopAppBar(
+                title = { Text("Presensi Kehadiran", color = Color.White, fontWeight = FontWeight.Bold) }, 
+                navigationIcon = { IconButton({ navController.popBackStack() }) { Icon(Icons.AutoMirrored.Filled.ArrowBack, null, tint = Color.White) } }, 
+                colors = TopAppBarDefaults.topAppBarColors(containerColor = MaterialTheme.colorScheme.primary)
+            ) 
+        }
+    ) { p ->
+        AppBackground {
+            Column(modifier = Modifier.padding(p).fillMaxSize().padding(24.dp).verticalScroll(rememberScrollState()), horizontalAlignment = Alignment.CenterHorizontally) {
+                
+                Card(
+                    Modifier.fillMaxWidth(), 
+                    shape = RoundedCornerShape(20.dp),
+                    colors = CardDefaults.cardColors(containerColor = if (userLoc != null) Color(0xFFE8F5E9) else MaterialTheme.colorScheme.surfaceVariant)
+                ) {
+                    Row(Modifier.padding(20.dp), verticalAlignment = Alignment.CenterVertically) {
+                        Surface(
+                            modifier = Modifier.size(48.dp),
+                            shape = CircleShape,
+                            color = if (userLoc != null) Color(0xFFC8E6C9) else Color.LightGray
+                        ) {
+                            Icon(
+                                if (userLoc != null) Icons.Default.GpsFixed else Icons.Default.LocationSearching, 
+                                null, 
+                                Modifier.padding(12.dp),
+                                tint = if (userLoc != null) Color(0xFF2E7D32) else Color.Gray
+                            )
+                        }
+                        Spacer(Modifier.width(16.dp))
+                        Column(Modifier.weight(1f)) {
+                            Text("Status Lokasi", fontWeight = FontWeight.Bold)
+                            Text(if (userLoc == null) "Mendapatkan koordinat..." else "Lokasi Berhasil Terdeteksi", style = MaterialTheme.typography.bodySmall)
+                        }
+                    }
+                }
+                
+                Spacer(Modifier.height(20.dp))
+
+                ExposedDropdownMenuBox(
+                    expanded = expanded,
+                    onExpandedChange = { expanded = !expanded },
+                    modifier = Modifier.fillMaxWidth()
+                ) {
+                    OutlinedTextField(
+                        value = selectedCourse,
+                        onValueChange = {},
+                        readOnly = true,
+                        label = { Text("Mata Kuliah") },
+                        trailingIcon = { ExposedDropdownMenuDefaults.TrailingIcon(expanded = expanded) },
+                        modifier = Modifier.menuAnchor().fillMaxWidth(),
+                        shape = RoundedCornerShape(16.dp)
+                    )
+                    ExposedDropdownMenu(
+                        expanded = expanded,
+                        onDismissRequest = { expanded = false }
+                    ) {
+                        courseList.forEach { course ->
+                            DropdownMenuItem(
+                                text = { Text(course) },
+                                onClick = { selectedCourse = course; expanded = false }
+                            )
+                        }
+                    }
+                }
+
+                Spacer(Modifier.height(32.dp))
+                
+                Box(
+                    Modifier
+                        .size(240.dp)
+                        .shadow(16.dp, CircleShape)
+                        .clip(CircleShape)
+                        .background(Color.White)
+                        .border(6.dp, MaterialTheme.colorScheme.primaryContainer, CircleShape), 
+                    Alignment.Center
+                ) {
+                    if (foto != null) {
+                        Image(foto!!.asImageBitmap(), null, contentScale = ContentScale.Crop, modifier = Modifier.fillMaxSize())
+                    } else {
+                        Column(horizontalAlignment = Alignment.CenterHorizontally) {
+                            Icon(Icons.Default.Face, null, Modifier.size(80.dp), tint = Color.LightGray)
+                            Text("Foto Selfie", style = MaterialTheme.typography.labelMedium, color = Color.LightGray)
+                        }
+                    }
+                }
+                
+                Spacer(Modifier.height(32.dp))
+                
+                OutlinedButton(
+                    { cameraPerm.launch(Manifest.permission.CAMERA) }, 
+                    Modifier.fillMaxWidth().height(56.dp),
+                    shape = RoundedCornerShape(16.dp)
+                ) { 
+                    Icon(Icons.Default.CameraAlt, null)
+                    Spacer(Modifier.width(8.dp))
+                    Text("AMBIL FOTO ULANG") 
+                }
+                
+                Spacer(Modifier.height(16.dp))
+                
+                Row(
+                    modifier = Modifier.fillMaxWidth().padding(horizontal = 8.dp), 
+                    verticalAlignment = Alignment.CenterVertically
+                ) {
+                    Icon(Icons.Default.Shield, null, tint = MaterialTheme.colorScheme.primary, modifier = Modifier.size(20.dp))
+                    Spacer(Modifier.width(8.dp))
+                    Text("Samarkan Lokasi (Privasi)", Modifier.weight(1f), fontSize = 14.sp)
+                    Switch(checked = privacyMode, onCheckedChange = { privacyMode = it })
+                }
+
+                Spacer(Modifier.height(32.dp))
+
+                Button(
+                    {
+                        if (foto != null && userLoc != null) {
+                            var finalLat = userLoc!!.latitude
+                            var finalLon = userLoc!!.longitude
+                            if (privacyMode) {
+                                finalLat += (Random.nextDouble() - 0.5) * 0.001
+                                finalLon += (Random.nextDouble() - 0.5) * 0.001
+                            }
+
+                            kirimKeN8n(activity, user.npm, user.nama, finalLat, finalLon, selectedCourse, "Hadir", foto!!, { base64 ->
+                                prefs.saveAttendance(user.npm, AttendanceLog(System.currentTimeMillis(), selectedCourse, "Hadir", base64, finalLat, finalLon))
+                                navController.navigate(Screen.Success.route)
+                            }, { isLoading = it })
+                        } else Toast.makeText(context, "Harap ambil foto & aktifkan GPS", Toast.LENGTH_SHORT).show()
+                    }, 
+                    Modifier.fillMaxWidth().height(64.dp), 
+                    shape = RoundedCornerShape(20.dp),
+                    colors = ButtonDefaults.buttonColors(containerColor = MaterialTheme.colorScheme.primary),
+                    enabled = !isLoading
+                ) {
+                    if (isLoading) {
+                        CircularProgressIndicator(Modifier.size(24.dp), color = Color.White, strokeWidth = 3.dp)
+                    } else {
+                        Text("KIRIM PRESENSI", fontWeight = FontWeight.Bold, fontSize = 16.sp)
+                    }
+                }
+                Spacer(Modifier.height(40.dp))
+            }
+        }
+    }
+}
+
+@Composable
+fun SuccessScreen(navController: NavHostController) {
+    AppBackground {
+        Column(
+            modifier = Modifier.fillMaxSize().padding(24.dp), 
+            horizontalAlignment = Alignment.CenterHorizontally, 
+            verticalArrangement = Arrangement.Center
+        ) {
+            Surface(
+                modifier = Modifier.size(160.dp),
+                shape = CircleShape,
+                color = Color(0xFFE8F5E9)
+            ) {
+                Icon(
+                    Icons.Default.CheckCircle, null, 
+                    Modifier.padding(32.dp), 
+                    Color(0xFF4CAF50)
+                )
+            }
+            Spacer(Modifier.height(32.dp))
+            Text(
+                "Absensi Berhasil!", 
+                style = MaterialTheme.typography.headlineMedium, 
+                fontWeight = FontWeight.Bold, 
+                color = Color(0xFF2E7D32)
+            )
+            Text(
+                "Data Anda telah tercatat di sistem.", 
+                style = MaterialTheme.typography.bodyMedium,
+                color = Color.Gray,
+                textAlign = TextAlign.Center
+            )
+            Spacer(Modifier.height(64.dp))
+            Button(
+                { navController.navigate(Screen.Home.route) { popUpTo(Screen.Home.route) { inclusive = true } } }, 
+                Modifier.fillMaxWidth().height(56.dp),
+                shape = RoundedCornerShape(16.dp)
+            ) { Text("KEMBALI KE BERANDA", fontWeight = FontWeight.Bold) }
+        }
+    }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun HistoryScreen(navController: NavHostController, prefs: PreferenceManager) {
+    val user = prefs.getLoggedInUser() ?: User("", "", "")
+    val logs = remember { prefs.getAttendanceLogs(user.npm) }
+    Scaffold(
+        topBar = { 
+            TopAppBar(
+                title = { Text("Riwayat Absensi", color = Color.White, fontWeight = FontWeight.Bold) }, 
+                navigationIcon = { IconButton({ navController.popBackStack() }) { Icon(Icons.AutoMirrored.Filled.ArrowBack, null, tint = Color.White) } }, 
+                colors = TopAppBarDefaults.topAppBarColors(containerColor = MaterialTheme.colorScheme.primary)
+            ) 
+        }
+    ) { p ->
+        AppBackground {
+            if (logs.isEmpty()) {
+                Box(modifier = Modifier.padding(p).fillMaxSize(), contentAlignment = Alignment.Center) { 
+                    Column(horizontalAlignment = Alignment.CenterHorizontally) {
+                        Icon(Icons.Default.History, null, Modifier.size(64.dp), Color.LightGray)
+                        Spacer(Modifier.height(16.dp))
+                        Text("Belum ada riwayat", color = Color.Gray) 
+                    }
+                }
+            } else {
+                LazyColumn(modifier = Modifier.padding(p).fillMaxSize().padding(16.dp)) {
+                    items(logs) { log ->
+                        ElevatedCard(
+                            Modifier.fillMaxWidth().padding(vertical = 8.dp),
+                            shape = RoundedCornerShape(20.dp),
+                            colors = CardDefaults.elevatedCardColors(containerColor = Color.White)
+                        ) {
+                            Row(modifier = Modifier.padding(16.dp), verticalAlignment = Alignment.CenterVertically) {
+                                val bitmap = log.fotoBase64?.let { base64ToBitmap(it) }
+                                if (bitmap != null) {
+                                    Image(
+                                        bitmap = bitmap.asImageBitmap(),
+                                        contentDescription = null,
+                                        modifier = Modifier.size(80.dp).clip(RoundedCornerShape(12.dp)).border(1.dp, Color.LightGray, RoundedCornerShape(12.dp)),
+                                        contentScale = ContentScale.Crop
+                                    )
+                                } else {
+                                    Surface(Modifier.size(80.dp), shape = RoundedCornerShape(12.dp), color = Color.LightGray.copy(alpha = 0.2f)) {
+                                        Icon(Icons.Default.Person, null, Modifier.padding(20.dp), tint = Color.LightGray)
+                                    }
+                                }
+                                
+                                Spacer(modifier = Modifier.width(16.dp))
+                                Column {
+                                    Text(log.mataKuliah, fontWeight = FontWeight.Bold, style = MaterialTheme.typography.titleMedium)
+                                    Text(
+                                        SimpleDateFormat("EEEE, dd MMM yyyy", Locale("id", "ID")).format(Date(log.timestamp)), 
+                                        style = MaterialTheme.typography.bodySmall,
+                                        color = Color.Gray
+                                    )
+                                    Text(
+                                        SimpleDateFormat("HH:mm", Locale.getDefault()).format(Date(log.timestamp)) + " WIB", 
+                                        style = MaterialTheme.typography.labelSmall,
+                                        color = MaterialTheme.colorScheme.primary
+                                    )
+                                    
+                                    if (log.latitude != null && log.longitude != null) {
+                                        Spacer(modifier = Modifier.height(8.dp))
+                                        Row(
+                                            verticalAlignment = Alignment.CenterVertically,
+                                            modifier = Modifier.background(MaterialTheme.colorScheme.primary.copy(alpha = 0.05f), RoundedCornerShape(4.dp)).padding(horizontal = 6.dp, vertical = 2.dp)
+                                        ) {
+                                            Icon(Icons.Default.LocationOn, null, tint = MaterialTheme.colorScheme.primary, modifier = Modifier.size(12.dp))
+                                            Spacer(modifier = Modifier.width(4.dp))
+                                            Text(
+                                                text = String.format("%.5f, %.5f", log.latitude, log.longitude),
+                                                style = MaterialTheme.typography.labelSmall,
+                                                color = MaterialTheme.colorScheme.primary,
+                                                fontWeight = FontWeight.Medium
+                                            )
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun ScheduleScreen(navController: NavHostController) {
+    val schedules = listOf(
+        ScheduleItem("Senin", "08:00 - 10:30", "Pemrograman Perangkat Bergerak", "Lab Komputer 1"),
+        ScheduleItem("Selasa", "13:00 - 15:30", "Basis Data", "Ruang 302"),
+        ScheduleItem("Rabu", "10:00 - 12:30", "Kecerdasan Buatan", "Ruang 405"),
+        ScheduleItem("Kamis", "08:00 - 10:30", "Jaringan Komputer", "Lab Jaringan")
+    )
+
+    Scaffold(
+        topBar = {
+            TopAppBar(
+                title = { Text("Jadwal Perkuliahan", color = Color.White, fontWeight = FontWeight.Bold) },
+                navigationIcon = { IconButton({ navController.popBackStack() }) { Icon(Icons.AutoMirrored.Filled.ArrowBack, null, tint = Color.White) } },
+                colors = TopAppBarDefaults.topAppBarColors(containerColor = MaterialTheme.colorScheme.primary)
+            )
+        }
+    ) { p ->
+        AppBackground {
+            Column(modifier = Modifier.padding(p).fillMaxSize()) {
+                Surface(
+                    modifier = Modifier.fillMaxWidth().padding(16.dp),
+                    color = MaterialTheme.colorScheme.secondaryContainer.copy(alpha = 0.5f),
+                    shape = RoundedCornerShape(12.dp)
+                ) {
+                    Row(Modifier.padding(12.dp), verticalAlignment = Alignment.CenterVertically) {
+                        Icon(Icons.Default.Info, null, tint = MaterialTheme.colorScheme.primary, modifier = Modifier.size(20.dp))
+                        Spacer(Modifier.width(8.dp))
+                        Text("Pilih mata kuliah untuk melakukan absensi.", style = MaterialTheme.typography.bodySmall)
+                    }
+                }
+                LazyColumn(modifier = Modifier.fillMaxSize().padding(horizontal = 16.dp)) {
+                    items(schedules) { item ->
+                        ElevatedCard(
+                            modifier = Modifier
+                                .fillMaxWidth()
+                                .padding(vertical = 8.dp)
+                                .clickable {
+                                    navController.navigate(Screen.Attendance.route + "?course=${item.course}")
+                                },
+                            shape = RoundedCornerShape(20.dp),
+                            colors = CardDefaults.elevatedCardColors(containerColor = Color.White)
+                        ) {
+                            Column(modifier = Modifier.padding(20.dp)) {
+                                Row(
+                                    modifier = Modifier.fillMaxWidth(),
+                                    horizontalArrangement = Arrangement.SpaceBetween,
+                                    verticalAlignment = Alignment.CenterVertically
+                                ) {
+                                    SuggestionChip(
+                                        onClick = {},
+                                        label = { Text(item.day) },
+                                        shape = RoundedCornerShape(8.dp),
+                                        colors = SuggestionChipDefaults.suggestionChipColors(containerColor = MaterialTheme.colorScheme.primaryContainer)
+                                    )
+                                    Text(item.time, fontWeight = FontWeight.Bold, color = MaterialTheme.colorScheme.primary, style = MaterialTheme.typography.bodyMedium)
+                                }
+                                Spacer(modifier = Modifier.height(12.dp))
+                                Text(item.course, style = MaterialTheme.typography.titleLarge, fontWeight = FontWeight.ExtraBold)
+                                Spacer(modifier = Modifier.height(8.dp))
+                                Row(verticalAlignment = Alignment.CenterVertically) {
+                                    Icon(Icons.Default.MeetingRoom, null, tint = Color.Gray, modifier = Modifier.size(18.dp))
+                                    Spacer(modifier = Modifier.width(6.dp))
+                                    Text(item.room, style = MaterialTheme.typography.bodyMedium, color = Color.Gray)
+                                }
+                            }
+                        }
+                    }
+                    item { Spacer(Modifier.height(32.dp)) }
+                }
+            }
         }
     }
 }
diff --git a/app/src/main/java/id/ac/ubharajaya/sistemakademik/ui/theme/Color.kt b/app/src/main/java/id/ac/ubharajaya/sistemakademik/ui/theme/Color.kt
index c75702c..fe2a319 100644
--- a/app/src/main/java/id/ac/ubharajaya/sistemakademik/ui/theme/Color.kt
+++ b/app/src/main/java/id/ac/ubharajaya/sistemakademik/ui/theme/Color.kt
@@ -2,10 +2,15 @@ package id.ac.ubharajaya.sistemakademik.ui.theme
 
 import androidx.compose.ui.graphics.Color
 
+val GreenPrimary = Color(0xFF2E7D32)
+val GreenSecondary = Color(0xFF4CAF50)
+val GreenTertiary = Color(0xFF81C784)
+val GreenLight = Color(0xFFE8F5E9)
+
 val Purple80 = Color(0xFFD0BCFF)
 val PurpleGrey80 = Color(0xFFCCC2DC)
 val Pink80 = Color(0xFFEFB8C8)
 
 val Purple40 = Color(0xFF6650a4)
 val PurpleGrey40 = Color(0xFF625b71)
-val Pink40 = Color(0xFF7D5260)
\ No newline at end of file
+val Pink40 = Color(0xFF7D5260)
diff --git a/app/src/main/java/id/ac/ubharajaya/sistemakademik/ui/theme/Theme.kt b/app/src/main/java/id/ac/ubharajaya/sistemakademik/ui/theme/Theme.kt
index 1b2db88..44fbcfd 100644
--- a/app/src/main/java/id/ac/ubharajaya/sistemakademik/ui/theme/Theme.kt
+++ b/app/src/main/java/id/ac/ubharajaya/sistemakademik/ui/theme/Theme.kt
@@ -1,53 +1,53 @@
 package id.ac.ubharajaya.sistemakademik.ui.theme
 
 import android.app.Activity
-import android.os.Build
 import androidx.compose.foundation.isSystemInDarkTheme
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.darkColorScheme
-import androidx.compose.material3.dynamicDarkColorScheme
-import androidx.compose.material3.dynamicLightColorScheme
 import androidx.compose.material3.lightColorScheme
 import androidx.compose.runtime.Composable
-import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.toArgb
+import androidx.compose.ui.platform.LocalView
+import androidx.core.view.WindowCompat
 
 private val DarkColorScheme = darkColorScheme(
-    primary = Purple80,
-    secondary = PurpleGrey80,
-    tertiary = Pink80
+    primary = GreenSecondary,
+    secondary = GreenTertiary,
+    tertiary = GreenLight,
+    background = Color(0xFF1B1C1B),
+    surface = Color(0xFF1B1C1B),
+    onPrimary = Color.Black,
+    onSecondary = Color.Black,
+    onTertiary = Color.Black,
+    onBackground = Color.White,
+    onSurface = Color.White,
 )
 
 private val LightColorScheme = lightColorScheme(
-    primary = Purple40,
-    secondary = PurpleGrey40,
-    tertiary = Pink40
-
-    /* Other default colors to override
-    background = Color(0xFFFFFBFE),
-    surface = Color(0xFFFFFBFE),
+    primary = GreenPrimary,
+    secondary = GreenSecondary,
+    tertiary = GreenTertiary,
+    background = Color(0xFFF6FBF6),
+    surface = Color.White,
     onPrimary = Color.White,
     onSecondary = Color.White,
     onTertiary = Color.White,
-    onBackground = Color(0xFF1C1B1F),
-    onSurface = Color(0xFF1C1B1F),
-    */
+    onBackground = Color(0xFF1B1C1B),
+    onSurface = Color(0xFF1B1C1B),
 )
 
 @Composable
 fun SistemAkademikTheme(
     darkTheme: Boolean = isSystemInDarkTheme(),
-    // Dynamic color is available on Android 12+
-    dynamicColor: Boolean = true,
     content: @Composable () -> Unit
 ) {
-    val colorScheme = when {
-        dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
-            val context = LocalContext.current
-            if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
-        }
-
-        darkTheme -> DarkColorScheme
-        else -> LightColorScheme
+    val colorScheme = if (darkTheme) DarkColorScheme else LightColorScheme
+    val view = LocalView.current
+    if (!view.isInEditMode) {
+        val window = (view.context as Activity).window
+        window.statusBarColor = colorScheme.primary.toArgb()
+        WindowCompat.getInsetsController(window, view).isAppearanceLightStatusBars = false
     }
 
     MaterialTheme(
@@ -55,4 +55,4 @@ fun SistemAkademikTheme(
         typography = Typography,
         content = content
     )
-}
\ No newline at end of file
+}
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index 7d255c8..1e9a932 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -8,6 +8,7 @@ espressoCore = "3.7.0"
 lifecycleRuntimeKtx = "2.9.4"
 activityCompose = "1.11.0"
 composeBom = "2024.09.00"
+navigationCompose = "2.8.5"
 
 [libraries]
 androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
@@ -24,9 +25,10 @@ androidx-compose-ui-tooling-preview = { group = "androidx.compose.ui", name = "u
 androidx-compose-ui-test-manifest = { group = "androidx.compose.ui", name = "ui-test-manifest" }
 androidx-compose-ui-test-junit4 = { group = "androidx.compose.ui", name = "ui-test-junit4" }
 androidx-compose-material3 = { group = "androidx.compose.material3", name = "material3" }
+androidx-navigation-compose = { group = "androidx.navigation", name = "navigation-compose", version.ref = "navigationCompose" }
+androidx-material-icons-extended = { group = "androidx.compose.material", name = "material-icons-extended" }
 
 [plugins]
 android-application = { id = "com.android.application", version.ref = "agp" }
 kotlin-android = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }
 kotlin-compose = { id = "org.jetbrains.kotlin.plugin.compose", version.ref = "kotlin" }
-