Compare menus

app/src/main/java/com/cornellappdev/android/eatery/ui/components/comparemenus/CompareMenusBotSheet.kt

@@ -0,0 +1,204 @@
+package com.cornellappdev.android.eatery.ui.components.comparemenus
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Icon
+import androidx.compose.material.IconButton
+import androidx.compose.material.Text
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Check
+import androidx.compose.material.icons.filled.Close
+import androidx.compose.material.icons.outlined.Schedule
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import com.cornellappdev.android.eatery.data.models.Eatery
+import com.cornellappdev.android.eatery.ui.components.general.CompareFilterRow
+import com.cornellappdev.android.eatery.ui.components.general.FilterRow
+import com.cornellappdev.android.eatery.ui.components.home.MainLoadingItem
+import com.cornellappdev.android.eatery.ui.theme.EateryBlue
+import com.cornellappdev.android.eatery.ui.theme.EateryBlueTypography
+import com.cornellappdev.android.eatery.ui.theme.GrayFive
+import com.cornellappdev.android.eatery.ui.theme.GrayTwo
+import com.cornellappdev.android.eatery.ui.theme.GrayZero
+import com.cornellappdev.android.eatery.ui.viewmodels.HomeViewModel
+import com.cornellappdev.android.eatery.ui.viewmodels.state.EateryApiResponse
+import kotlinx.coroutines.launch
+
+@Composable
+fun CompareMenusBotSheet(
+    onDismiss: () -> Unit,
+    homeViewModel: HomeViewModel,
+    onCompareMenusClick: (selectedEateries : Set<Eatery>) -> Unit
+) {
+    val filters = homeViewModel.CMFiltersFlow.collectAsState().value
+    val eateriesApiResponse = homeViewModel.eateryFlowCM.collectAsState().value
+    val selectedEateries = homeViewModel.CMSelectedFlow.collectAsState().value
+
+
+    Column(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(top = 14.dp)
+            .padding(16.dp),
+        horizontalAlignment = Alignment.Start
+    ) {
+        Row(
+            modifier = Modifier.fillMaxWidth(),
+            horizontalArrangement = Arrangement.SpaceBetween
+        ) {
+            Text(
+                text = "Compare Menus", style = EateryBlueTypography.h4,
+                color = Color.Black
+            )
+            IconButton(
+                onClick = {
+                    onDismiss()
+                },
+                modifier = Modifier
+                    .size(40.dp)
+                    .background(color = GrayZero, shape = CircleShape)
+            ) {
+                Icon(
+                    Icons.Default.Close,
+                    contentDescription = Icons.Default.Close.name,
+                    tint = Color.Black
+                )
+            }
+        }
+
+        CompareFilterRow(
+            currentFiltersSelected = filters,
+            onPaymentMethodsClicked = {},
+            onFilterClicked = { filter ->
+                if (filters.contains(filter)) {
+                    homeViewModel.removeFilterCM(filter)
+                } else {
+                    homeViewModel.addFilterCM(filter)
+                }
+            })
+
+        Spacer(modifier = Modifier.height(12.dp))
+
+        when (eateriesApiResponse) {
+            is EateryApiResponse.Pending -> {
+
+            }
+
+            is EateryApiResponse.Error -> {
+                // TODO Add No Internet/Oopsie display
+            }
+
+            is EateryApiResponse.Success -> {
+                val eateries = eateriesApiResponse.data
+                Box(
+                    modifier = Modifier
+                        .fillMaxHeight(0.4f)
+                        .fillMaxWidth()
+                ) {
+                    LazyColumn {
+                        items(eateries) { eatery ->
+                            Row(
+                                modifier = Modifier.fillMaxWidth(),
+                                verticalAlignment = Alignment.CenterVertically
+                            ) {
+                                IconButton(
+                                    onClick = {
+                                        if (selectedEateries.contains(eatery)) {
+                                            homeViewModel.removeSelected(eatery)
+                                        } else {
+                                            homeViewModel.addSelected(eatery)
+                                        }
+                                    },
+                                    modifier = Modifier.align(Alignment.CenterVertically)
+                                ) {
+                                    if (selectedEateries.contains(eatery)) {
+                                        Box(
+                                            contentAlignment = Alignment.Center,
+                                            modifier = Modifier
+                                                .size(26.dp)
+                                                .background(Color.Black, CircleShape)
+                                        ) {
+                                            Icon(
+                                                imageVector = Icons.Default.Check,
+                                                contentDescription = "Selected",
+                                                tint = Color.White,
+                                                modifier = Modifier.size(24.dp)
+                                            )
+                                        }
+                                    } else {
+                                        Box(
+                                            contentAlignment = Alignment.Center,
+                                            modifier = Modifier
+                                                .size(26.dp)
+                                                .background(Color.White, CircleShape)
+                                                .border(2.dp, Color.Black, CircleShape)
+                                        ) {
+                                        }
+                                    }
+                                }
+                                eatery.name?.let {
+                                    Text(
+                                        text = it, style = EateryBlueTypography.body1,
+                                        color = Color.Black
+                                    )
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        Spacer(modifier = Modifier.height(12.dp))
+
+        Button(
+            onClick = {
+                if (selectedEateries.size < 2){
+
+                }
+                else{
+                    onCompareMenusClick(selectedEateries.toSet())
+                }
+            },
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(48.dp)
+                .align(Alignment.CenterHorizontally),
+            shape = RoundedCornerShape(100),
+            colors = ButtonDefaults.buttonColors(
+                backgroundColor = if (selectedEateries.size < 2) GrayTwo else EateryBlue,
+                contentColor = if (selectedEateries.size < 2) GrayZero else Color.White
+            )
+        ) {
+            Text(
+                text = if (selectedEateries.size < 2) "Select at least ${2 - selectedEateries.size} more"
+                        else "Compare ${selectedEateries.size} now",
+                style = EateryBlueTypography.h5,
+                color = Color.White
+            )
+        }
+    }
+}

app/src/main/java/com/cornellappdev/android/eatery/ui/components/comparemenus/CompareMenusFAB.kt

@@ -0,0 +1,29 @@
+package com.cornellappdev.android.eatery.ui.components.comparemenus
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.FloatingActionButton
+import androidx.compose.material.Icon
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Add
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.painter.Painter
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import com.cornellappdev.android.eatery.R
+import com.cornellappdev.android.eatery.ui.theme.EateryBlue
+
+@Composable
+fun CompareMenusFAB(onClick: () -> Unit) {
+    FloatingActionButton(
+        onClick = { onClick() },
+        modifier = Modifier
+            .padding(16.dp),
+        backgroundColor = EateryBlue
+    ) {
+        Icon(painter = painterResource(id = R.drawable.ic_compare_menus), "Floating action button.", tint= Color.White)
+    }
+}

app/src/main/java/com/cornellappdev/android/eatery/ui/components/general/Filter.kt

@@ -8,7 +8,8 @@ enum class Filter(val text: String) {
     FAVORITES("Favorites"),
     BRB("BRBs"),
     CASH("Cash or credit"),
-    SWIPES("Meal swipes");
+    SWIPES("Meal swipes"),
+    SELECTED("Selected");
 
     companion object {
         val PAYMENT_METHODS = setOf(BRB, CASH, SWIPES)

app/src/main/java/com/cornellappdev/android/eatery/ui/components/general/FilterRow.kt

@@ -110,6 +110,100 @@ fun FilterRow(
     }
 }
 
+@Composable
+fun CompareFilterRow(
+    currentFiltersSelected: List<Filter>,
+    onPaymentMethodsClicked: () -> Unit,
+    onFilterClicked: (Filter) -> Unit
+) {
+    val paymentMethodFilters = currentFiltersSelected.filter { filter ->
+        filter in setOf(Filter.BRB, Filter.CASH, Filter.SWIPES)
+    }
+
+    val paymentMethodFilterText: String =
+        if (paymentMethodFilters.isEmpty()) "Payment Methods" else paymentMethodFilters.joinToString {
+            it.text
+        }
+
+    LazyRow(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
+        item {
+            Spacer(modifier = Modifier.width(10.dp))
+        }
+
+        item {
+            FilterButton(
+                onFilterClicked = {
+                    onFilterClicked(Filter.SELECTED)
+                },
+                selected = currentFiltersSelected.contains(Filter.SELECTED),
+                text = Filter.SELECTED.text
+            )
+        }
+        item {
+            FilterButton(
+                onFilterClicked = {
+                    onFilterClicked(Filter.NORTH)
+                },
+                selected = currentFiltersSelected.contains(Filter.NORTH),
+                text = Filter.NORTH.text
+            )
+        }
+
+        item {
+            FilterButton(
+                onFilterClicked = {
+                    onFilterClicked(Filter.WEST)
+                },
+                selected = currentFiltersSelected.contains(Filter.WEST),
+                text = Filter.WEST.text
+            )
+        }
+
+        item {
+            FilterButton(
+                onFilterClicked = {
+                    onFilterClicked(Filter.CENTRAL)
+                },
+                selected = currentFiltersSelected.contains(Filter.CENTRAL),
+                text = Filter.CENTRAL.text
+            )
+        }
+
+        item {
+            FilterButton(
+                onFilterClicked = {
+                    onFilterClicked(Filter.UNDER_10)
+                },
+                selected = currentFiltersSelected.contains(Filter.UNDER_10),
+                text = Filter.UNDER_10.text
+            )
+        }
+
+        item {
+            FilterButton(
+                onFilterClicked = onPaymentMethodsClicked,
+                selected = paymentMethodFilters.isNotEmpty(),
+                text = paymentMethodFilterText,
+                icon = Icons.Default.ExpandMore
+            )
+        }
+
+        item {
+            FilterButton(
+                onFilterClicked = {
+                    onFilterClicked(Filter.FAVORITES)
+                },
+                selected = currentFiltersSelected.contains(Filter.FAVORITES),
+                text = Filter.FAVORITES.text
+            )
+        }
+
+        item {
+            Spacer(Modifier.width(16.dp))
+        }
+    }
+}
+
 /**
  * One filter button.
  */

app/src/main/java/com/cornellappdev/android/eatery/ui/components/home/EateryDetailsLoading.kt

@@ -253,5 +253,5 @@ fun show() {
  * All possible bottom sheets should be added here and switched to before expanding via modalBottomSheetState.
  */
 enum class BottomSheetContent {
-    PAYMENT_METHODS_AVAILABLE, HOURS, WAIT_TIME, REPORT, ACCOUNT_TYPE, MENUS
+    PAYMENT_METHODS_AVAILABLE, HOURS, WAIT_TIME, REPORT, ACCOUNT_TYPE, MENUS,COMPARE_MENUS
 }