studhub-epfl/studhub-app

package com.studhub.app.presentation.ratings

import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.collectAsState
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.Modifier
import androidx.compose.ui.platform.testTag
import androidx.compose.ui.unit.dp
import androidx.hilt.navigation.compose.hiltViewModel
import com.studhub.app.core.utils.ApiResponse
import com.studhub.app.domain.model.Rating
import com.studhub.app.presentation.ratings.components.AddRatingButton
import com.studhub.app.presentation.ratings.components.RatingDialog
import com.studhub.app.presentation.ratings.components.RatingsList
import com.studhub.app.presentation.ratings.components.UserHeader
import com.studhub.app.presentation.ratings.components.handleSubmitRating

/**
 * Ratings screen for a user with [targetUserId]
 */
@Composable
fun UserRatingScreen(
    targetUserId: String,
    viewModel: IUserRatingViewModel = hiltViewModel<UserRatingViewModel>()
) {

    val ratings = viewModel.ratings.collectAsState(initial = ApiResponse.Loading)
    val currentUserLoading = viewModel.currentUserLoading.collectAsState(initial = true)
    val currentUser = viewModel.currentUser.collectAsState(initial = ApiResponse.Loading)
    var showDialog by remember { mutableStateOf(false) }
    var currentRating: Rating? by remember { mutableStateOf(null) }
    var ratingText by remember { mutableStateOf("") }
    var thumbUp by remember { mutableStateOf(false) }
    var thumbDown by remember { mutableStateOf(false) }
    val targetUser = viewModel.targetUser.collectAsState(initial = ApiResponse.Loading)
    val buttonEnabled = remember { mutableStateOf(false) }
    val thumbsUpCount = remember { mutableStateOf(0) }
    val thumbsDownCount = remember { mutableStateOf(0) }


    // wait for current user to be fetched before enabling rating button
    LaunchedEffect(currentUser.value, currentUserLoading.value) {
        buttonEnabled.value = currentUser.value is ApiResponse.Success && !currentUserLoading.value
    }

    // wait for the targetuser to be fetched before
    // fetching its ratings
    LaunchedEffect(targetUser.value) {
        viewModel.initTargetUser(targetUserId)
        if (targetUser.value is ApiResponse.Success) {
            viewModel.getUserRatings(targetUserId)
        }
    }

    var currentUserHasRating by remember { mutableStateOf(false) }

    LaunchedEffect(ratings.value) {
        if (ratings.value is ApiResponse.Success) {
            val currentUserData = currentUser.value
            if (currentUserData is ApiResponse.Success) {
                val ratingList = (ratings.value as ApiResponse.Success).data
                currentUserHasRating =
                    ratingList.any { it.reviewerId == currentUserData.data.id }
                thumbsUpCount.value = ratingList.count { it.thumbUp }
                thumbsDownCount.value = ratingList.count { it.thumbDown }
            }
        }
    }

    // cannot be modularized more than that

    RatingDialog(
        showDialog = showDialog,
        setShowDialog = { showDialog = false },
        onSubmit = { thumbUp, ratingText ->
            handleSubmitRating(
                viewModel,
                targetUserId,
                currentUser,
                thumbUp,
                ratingText,
                currentRating,
                thumbsUpCount,
                thumbsDownCount,
                thumbDown
            )
        },
        thumbUp = thumbUp,
        setThumbUp = { thumbUp = it },
        ratingText = ratingText,
        setRatingText = { ratingText = it },
        currentUser = currentUser,
        currentUserLoading = currentUserLoading
    )


    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp)
    ) {

        UserHeader(
            targetUser = targetUser,
            thumbsUpCount = thumbsUpCount.value,
            thumbsDownCount = thumbsDownCount.value,
            modifier = Modifier.testTag("UserHeader")
        )

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

        AddRatingButton(
            onShowDialogToggle = { showDialog = !showDialog },
            currentUser = currentUser,
            currentUserLoading = currentUserLoading,
            modifier = Modifier.testTag("AddRatingButton")
        )

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

        RatingsList(ratings = ratings,
            currentUser = currentUser,
            currentUserHasRating = currentUserHasRating,
            onEditRating = { rating ->
                // Show dialog for editing a rating
                currentRating = rating
                ratingText = rating.comment
                thumbUp = rating.thumbUp
                thumbDown = !thumbUp
                showDialog = true
            },
            onRemoveRating = { rating ->
                viewModel.deleteRating(
                    rating.userId,
                    rating.id
                )
                thumbsUpCount.value -= if (thumbUp) 1 else 0
                thumbsDownCount.value -= if (thumbDown) 1 else 0
            },
            modifier = Modifier.testTag("RatingsList")
        )
    }
}