Экран Покупок готов... Я буквально Райан Гослинг

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)
+                        )
+                    }
+
+                }
+            }
+
+
+        }
+
     }
 }