Экран со скидками готов. [Спасите, я не вывожу... хочу просто смотреть ван пис и кушать чипсы... ;( ]

.idea/misc.xml

@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ExternalStorageConfigurationManager" enabled="true" />
   <component name="ProjectRootManager" version="2" languageLevel="JDK_17" default="true" project-jdk-name="jbr-17" project-jdk-type="JavaSDK">

app/src/main/java/com/example/shawarma/screens/discount/DiscountScreen.kt

@@ -1,17 +1,170 @@
 package com.example.shawarma.screens.discount
 
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+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.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.shape.RoundedCornerShape
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
+import androidx.compose.material.Card
 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.text.style.TextDecoration
+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.screens.home.HomeList
+import com.example.shawarma.ui.theme.MarckFamily
+import com.example.shawarma.ui.theme.MyLightYellow
+import com.example.shawarma.ui.theme.MyMainBackground
+import com.example.shawarma.ui.theme.MyOrange
+import com.example.shawarma.ui.theme.MyPriceBackground
+import com.example.shawarma.ui.theme.NunitoFamily
+import com.example.shawarma.widgets.ShawarmaLogo2
 
 @Composable
 fun DiscountScreen() {
         Box(
-        contentAlignment = Alignment.Center
+            contentAlignment = Alignment.TopCenter
         ) {
+            DiscountList()
+            ShawarmaLogo2()
+        }
+
+}
+
+@Composable
+fun DiscountList(){
+    Box(
+        modifier = Modifier
+            .clip(shape = RoundedCornerShape(30.dp))
+            .padding(top = 100.dp)
+            .fillMaxSize()
+            .background(color = MyMainBackground)
+            .zIndex(2f),
+
+        contentAlignment = Alignment.TopCenter
+    ){
         Text(
-            text = "Discount"
+            text = "Акции",
+            fontFamily = MarckFamily,
+            fontSize = 40.sp,
+            modifier = Modifier.padding(top = 15.dp)
         )
+        LazyColumn(
+            horizontalAlignment = Alignment.CenterHorizontally,
+            modifier = Modifier.padding(top = 80.dp)
+        )
+        {
+            items(3) { index ->
+                Row(
+                    horizontalArrangement = Arrangement.SpaceAround,
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .padding(top = 10.dp)
+                ) {
+                    DiscountCard()
+                    DiscountCard()
+                }
+
+                // TODO Потом переделать под реальный объем данных
+                if (index == 2) {
+                    Spacer(modifier = Modifier.height(70.dp))
+                }
+            }
+        }
+    }
+}
+
+@Composable
+fun DiscountCard(){
+    Card(
+        shape = RoundedCornerShape(20.dp),
+        backgroundColor = Color.White,
+        border = BorderStroke(2.dp, MyOrange),
+        modifier = Modifier
+            .size(160.dp)
+    ) {
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally
+        ) {
+            Text(
+                text = "Классика",
+                fontFamily = NunitoFamily,
+                fontSize =  20.sp,
+                fontWeight = FontWeight.Bold,
+                modifier = Modifier.padding(top = 10.dp)
+            )
+            Image(
+                painter = painterResource(id = R.drawable.shawarma2),
+                contentDescription = "Shawarma",
+                Modifier.size(135.dp, 70.dp)
+            )
+            Spacer(modifier = Modifier.height(16.dp))
+            Card(
+                shape = RoundedCornerShape(20.dp),
+                backgroundColor = MyPriceBackground,
+                border = BorderStroke(2.dp, MyOrange),
+                modifier = Modifier
+                    .size(160.dp, 36.dp)
+            ) {
+                Row(
+                ){
+                    Box(
+                        modifier = Modifier.padding(start = 12.dp)
+                    ) {
+                        Text(
+                            text = "150 руб. ",
+                            fontFamily = NunitoFamily,
+                            fontSize =  10.sp,
+                            fontWeight = FontWeight.Bold,
+                            textDecoration = TextDecoration.LineThrough
+                        )
+                        Text(
+                            text = "120 руб. ",
+                            fontFamily = NunitoFamily,
+                            fontSize =  16.sp,
+                            fontWeight = FontWeight.ExtraBold,
+                            color = Color.Red,
+                            modifier = Modifier.padding(top = 8.dp)
+                        )
+                    }
+
+                    Button(
+                        onClick = { /*TODO*/ },
+                        colors = ButtonDefaults.buttonColors(
+                            backgroundColor = MyLightYellow,
+                            contentColor = Color.Black
+                        ),
+                        shape = RoundedCornerShape(20.dp),
+                    ) {
+                        Text(
+                            text = "Купить",
+                            fontSize = 14.sp,
+                            fontWeight = FontWeight.ExtraBold,
+                            fontFamily = NunitoFamily,
+                        )
+                    }
+                }
+            }
+        }
     }
 }