Android App Development with JetPack Compose.

				
					@Composable
fun HomeScreenUI(context: Context, navController: NavHostController) {
   val list = SharePref.loadNotesFromSharedPreferences(context = context)
   list.reverse()
   Scaffold(
       topBar = {
           TopAppBar(
               title = {
                   Text(
                       text = "Notes",
                       fontSize = 20.sp,
                       fontWeight = FontWeight.Bold,
                       modifier = Modifier.fillMaxWidth(),
                       textAlign = TextAlign.Center
                   )
               })
       },
       content = {
           Column(
               modifier = Modifier
                   .fillMaxSize()
                   .padding(it)
           ) {
               LazyColumn(
                   modifier = Modifier
                       .weight(1f)
                       .padding(8.dp)
                       .fillMaxWidth(),
               ) {
                   itemsIndexed(list) { index, item ->
                       val itemColor = getColorForPosition(index)
                       ItemRow(item = item, itemColor){
                           val intent = Intent(context, ShowNotesScreen::class.java)
                           intent.putExtra("notes", item)
                           context.startActivity(intent)
                       }
                   }
               }


               Spacer(modifier = Modifier.height(8.dp))


           }
       },
       floatingActionButton = {
           FloatingActionButton(onClick = {
               navController.navigate(NavigationScreen.CreateNotesScreen.route)
           }, containerColor = colorResource(R.color.purple_500)) {
               Icon(
                   imageVector = Icons.Default.Add,
                   contentDescription = null,
                   tint = Color.White
               )
           }


       }


   )
}


@Composable
fun ItemRow(item: NoteDO, itemColor: Int, onItemClick: (NoteDO) -> Unit) {
   // Define the layout for each item in the list
   Column(
       modifier = Modifier
           .fillMaxWidth()
           .background(Color.White)
           .padding(8.dp)
           .clickable {
               onItemClick(item)
           }
   ) {
       Card(
           modifier = Modifier
               .fillMaxWidth()
               ,
           shape = RoundedCornerShape(8.dp),


           ) {
           Box(
               modifier = Modifier
                   .fillMaxSize()
                   .background(colorResource(id = itemColor)) // Set the background color here
           ) {
               Column(
                   modifier = Modifier
                       .fillMaxSize()
                       .padding(16.dp),
                   verticalArrangement = Arrangement.Center
               ) {
                   Text(
                       text = item.title,
                       fontSize = 18.sp,
                       fontWeight = FontWeight.Bold,
                       color = Color.Black, // Set the text color
                       modifier = Modifier.padding(bottom = 4.dp)
                   )
                   Row(
                       modifier = Modifier
                           .fillMaxWidth(),
                       verticalAlignment = Alignment.Bottom
                   ) {
                       Text(
                           text = item.description,
                           fontSize = 16.sp,
                           color = Color.Black.copy(alpha = 0.5f),
                           modifier = Modifier.weight(1f)
                       )
                       Text(
                           text = timestampToDateTime(item.createdON),
                           fontSize = 12.sp,
                           color = Color.Black,
                           fontWeight = FontWeight.Bold,
                       )
                   }


               }
           }


       }


   }
}


fun timestampToDateTime(timestamp: Long): String {
   // Create a SimpleDateFormat with the desired date format
   val sdf = SimpleDateFormat("dd-MM-yyyy", Locale.getDefault())


   // Convert the timestamp to a Date object
   val date = Date(timestamp)


   // Format the Date object as a string
   return sdf.format(date)
}


fun getColorForPosition(position: Int): Int {
   return if (position % 2 == 0) {
       R.color.card_1
   } else {
       R.color.card_2
   }
}