diff --git a/app/src/main/java/com/example/shawarma/screens/cart/CartScreen.kt b/app/src/main/java/com/example/shawarma/screens/cart/CartScreen.kt index 259ce5b..8dbde3a 100644 --- a/app/src/main/java/com/example/shawarma/screens/cart/CartScreen.kt +++ b/app/src/main/java/com/example/shawarma/screens/cart/CartScreen.kt @@ -1,17 +1,211 @@ package com.example.shawarma.screens.cart +import androidx.compose.foundation.BorderStroke +import androidx.compose.foundation.background +import androidx.compose.foundation.gestures.scrollable +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.fillMaxSize +import androidx.compose.foundation.layout.fillMaxWidth +import androidx.compose.foundation.layout.padding +import androidx.compose.foundation.layout.size +import androidx.compose.foundation.rememberScrollState +import androidx.compose.foundation.shape.RoundedCornerShape +import androidx.compose.foundation.verticalScroll +import androidx.compose.material.Button +import androidx.compose.material.ButtonDefaults +import androidx.compose.material.Card +import androidx.compose.material.Icon import androidx.compose.material.Text import androidx.compose.runtime.Composable import androidx.compose.ui.Alignment +import androidx.compose.ui.Modifier +import androidx.compose.ui.draw.clip +import androidx.compose.ui.graphics.Color +import androidx.compose.ui.res.painterResource +import androidx.compose.ui.text.font.FontWeight +import androidx.compose.ui.unit.dp +import androidx.compose.ui.unit.sp +import androidx.compose.ui.zIndex +import com.example.shawarma.R +import com.example.shawarma.ui.theme.MarckFamily +import com.example.shawarma.ui.theme.MyLightRed +import com.example.shawarma.ui.theme.MyMainBackground +import com.example.shawarma.ui.theme.MyOrange +import com.example.shawarma.ui.theme.NunitoFamily +import com.example.shawarma.widgets.ShawarmaLogo2 @Composable fun CartScreen() { Box( - contentAlignment = Alignment.Center + contentAlignment = Alignment.TopCenter ) { - Text( - text = "Cart" - ) + CartWidget() + ShawarmaLogo2() + } +} + +@Composable +fun CartWidget(){ + Box( + modifier = Modifier + .clip(shape = RoundedCornerShape(30.dp)) + .padding(top = 100.dp) + .fillMaxSize() + .background(color = MyMainBackground) + .zIndex(2f), + + contentAlignment = Alignment.TopCenter + ) { + Column( + horizontalAlignment = Alignment.CenterHorizontally, + modifier = Modifier.verticalScroll(rememberScrollState()) + ) { + Text( + text = "Корзина", + fontFamily = MarckFamily, + fontSize = 40.sp, + modifier = Modifier.padding(top = 15.dp) + ) + Text( + text = "Оплачено:", + fontFamily = NunitoFamily, + fontSize = 20.sp, + modifier = Modifier.padding(top = 15.dp), + fontWeight = FontWeight.Bold + ) + Card( + border = BorderStroke(width = 2.dp, color = MyOrange), + shape = RoundedCornerShape(size = 20.dp), + backgroundColor = Color.White, + modifier = Modifier.size(340.dp, 100.dp) + ) { + Column { + Row( + horizontalArrangement = Arrangement.SpaceBetween, + modifier = Modifier + .fillMaxWidth() + .padding(horizontal = 20.dp) + ){ + Text( + text = "Классика", + fontFamily = NunitoFamily, + fontSize = 20.sp, + modifier = Modifier.padding(top = 15.dp), + fontWeight = FontWeight.Bold + ) + Text( + text = "x2", + fontFamily = NunitoFamily, + fontSize = 20.sp, + modifier = Modifier.padding(top = 15.dp), + fontWeight = FontWeight.Bold + ) + Text( + text = "300 руб.", + fontFamily = NunitoFamily, + fontSize = 20.sp, + modifier = Modifier.padding(top = 15.dp), + fontWeight = FontWeight.Bold + ) + } + + Row( + horizontalArrangement = Arrangement.SpaceBetween, + modifier = Modifier + .fillMaxWidth() + .padding(horizontal = 20.dp) + ){ + Text( + text = "Статус: ", + fontFamily = NunitoFamily, + fontSize = 20.sp, + modifier = Modifier.padding(top = 15.dp), + fontWeight = FontWeight.Bold, + color = Color.Gray + ) + Text( + text = "Готовится", + fontFamily = NunitoFamily, + fontSize = 20.sp, + modifier = Modifier.padding(top = 15.dp), + fontWeight = FontWeight.Bold, + color = Color.Gray + ) + } + } + } + Text( + text = "Ожидает оплаты:", + fontFamily = NunitoFamily, + fontSize = 20.sp, + modifier = Modifier.padding(top = 15.dp), + fontWeight = FontWeight.Bold + ) + Card( + border = BorderStroke(width = 2.dp, color = MyOrange), + shape = RoundedCornerShape(size = 20.dp), + backgroundColor = Color.White, + modifier = Modifier.size(340.dp, 100.dp) + ) { + Row( + verticalAlignment = Alignment.CenterVertically, + horizontalArrangement = Arrangement.SpaceBetween, + modifier = Modifier.padding(20.dp) + ) { + Column( + + modifier = Modifier.fillMaxWidth(0.5f) + ) { + Row( + horizontalArrangement = Arrangement.SpaceBetween, + modifier = Modifier.fillMaxWidth() + ){ + Text( + text = "Кока-кола", + fontFamily = NunitoFamily, + fontSize = 20.sp, + fontWeight = FontWeight.Bold + ) + Text( + text = "x2", + fontFamily = NunitoFamily, + fontSize = 20.sp, + fontWeight = FontWeight.Bold + ) + } + Text( + text = "300 руб.", + fontFamily = NunitoFamily, + fontSize = 20.sp, + fontWeight = FontWeight.Bold + ) + } + + Button( + colors = ButtonDefaults.buttonColors( + backgroundColor = MyLightRed + ), + shape = RoundedCornerShape(size = 10.dp), + modifier = Modifier + .size(100.dp, 60.dp) + .fillMaxSize(0.5f), + onClick = { /*TODO*/ } + ) { + Icon( + painter = painterResource(id = R.drawable.trash), + contentDescription = "Delete", + modifier = Modifier.size(42.dp) + ) + } + + } + } + + + } + } } \ No newline at end of file diff --git a/app/src/main/res/drawable/trash.png b/app/src/main/res/drawable/trash.png new file mode 100644 index 0000000..9953244 Binary files /dev/null and b/app/src/main/res/drawable/trash.png differ