Feature/movie actor background card

presentation/src/main/java/com/madrid/presentation/composables/movieActorBackround/ActorOverlay.kt

@@ -0,0 +1,38 @@
+package com.madrid.presentation.composables.movieActorBackround
+
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.BoxScope
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CircleShape
+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.draw.shadow
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.unit.dp
+import com.madrid.detectImageContent.FilteredImage
+
+@Composable
+fun BoxScope.ActorOverlay(actorImageUrl: String, borderColor: Color) {
+    Box(
+        modifier = Modifier
+            .size(120.dp)
+            .align(Alignment.Center)
+            .shadow(8.dp, CircleShape, clip = false)
+            .clip(CircleShape)
+            .border(4.dp, borderColor.copy(alpha = 0.7f), CircleShape)
+    ) {
+        FilteredImage(
+            imageUrl = actorImageUrl,
+            modifier = Modifier
+                .fillMaxSize()
+                .clip(CircleShape),
+            contentDescription = null,
+            contentScale = ContentScale.Crop
+        )
+    }
+} 

presentation/src/main/java/com/madrid/presentation/composables/movieActorBackround/BlurredBackgroundImage.kt

@@ -0,0 +1,28 @@
+package com.madrid.presentation.composables.movieActorBackround
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.blur
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import com.madrid.detectImageContent.FilteredImage
+
+@Composable
+fun BlurredBackgroundImage(
+    posterImageUrl: String,
+    blurRadius: Dp = 16.dp
+) {
+    Box(Modifier.fillMaxSize()) {
+        FilteredImage(
+            imageUrl = posterImageUrl,
+            modifier = Modifier
+                .fillMaxSize()
+                .blur(blurRadius),
+            contentDescription = null,
+            contentScale = ContentScale.Crop
+        )
+    }
+} 

presentation/src/main/java/com/madrid/presentation/composables/movieActorBackround/MoviePosterDetailScreen.kt

@@ -0,0 +1,81 @@
+package com.madrid.presentation.composables.movieActorBackround
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+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.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun MoviePosterDetailScreen(
+    ImageUrl: String,
+    modifier: Modifier = Modifier,
+    isActor: Boolean = false
+) {
+    val overlay = Color(0xCC181828)
+    Box(
+        modifier = modifier
+            .fillMaxSize()
+            .background(Color.Black)
+    ) {
+        Box(
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(372.dp)
+                .align(Alignment.TopCenter)
+        ) {
+            BlurredBackgroundImage(ImageUrl)
+            Box(
+                Modifier
+                    .matchParentSize()
+                    .background(overlay)
+            )
+            if (isActor) {
+                Box(
+                    modifier = Modifier
+                        .size(120.dp)
+                        .align(Alignment.Center)
+                        .clip(CircleShape)
+                        .background(Color.Black.copy(alpha = 0.7f))
+                ) {
+                    ActorOverlay(
+                        actorImageUrl = ImageUrl,
+                        borderColor = Color.White
+                    )
+                }
+            } else {
+            Box(
+                modifier = Modifier
+                    .size(width = 200.dp, height = 260.dp)
+                    .align(Alignment.Center)
+                    .clip(RoundedCornerShape(12.dp))
+                    .background(Color.Black.copy(alpha = 0.7f))
+            ) {
+                PosterCard(
+                    posterImageUrl = ImageUrl,
+                    modifier = Modifier.fillMaxSize()
+                )
+            }
+        }
+    }
+}
+}
+
+@Preview(showBackground = true)
+@Composable
+fun MoviePosterDetailScreenPreview() {
+    MoviePosterDetailScreen(
+        ImageUrl = "https://image.tmdb.org/t/p/original/bOGkgRGdhrBYJSLpXaxhXVstddV.jpg"
+    )
+}
+

presentation/src/main/java/com/madrid/presentation/composables/movieActorBackround/PosterCard.kt

@@ -0,0 +1,33 @@
+package com.madrid.presentation.composables.movieActorBackround
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.draw.shadow
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.unit.dp
+import com.madrid.detectImageContent.FilteredImage
+
+@Composable
+fun PosterCard(posterImageUrl: String, modifier: Modifier = Modifier) {
+    Box(
+        modifier = modifier
+            .clip(RoundedCornerShape(12.dp))
+            .background(Color.Black.copy(alpha = 0.7f))
+            .shadow(16.dp, RoundedCornerShape(12.dp), clip = false)
+    ) {
+        FilteredImage(
+            imageUrl = posterImageUrl,
+            modifier = Modifier
+                .fillMaxSize()
+                .clip(RoundedCornerShape(12.dp)),
+            contentDescription = null,
+            contentScale = ContentScale.Crop
+        )
+    }
+}