Feature/movie actor background card

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

@@ -0,0 +1,43 @@
+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.platform.LocalContext
+import androidx.compose.ui.unit.dp
+import coil.compose.AsyncImage
+import coil.request.ImageRequest
+
+@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)
+    ) {
+        AsyncImage(
+            model = ImageRequest.Builder(LocalContext.current)
+                .data(actorImageUrl)
+                .crossfade(true)
+                .build(),
+            contentDescription = null,
+            contentScale = ContentScale.Crop,
+            modifier = Modifier
+                .fillMaxSize()
+                .clip(CircleShape)
+        )
+    }
+} 

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

@@ -0,0 +1,47 @@
+package com.madrid.presentation.composables.movieActorBackround
+
+import android.os.Build
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+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.platform.LocalContext
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import coil.compose.AsyncImage
+import coil.request.ImageRequest
+
+@Composable
+fun BlurredBackgroundImage(
+    posterImageUrl: String,
+    blurRadius: Dp = 16.dp
+) {
+    val context = LocalContext.current
+    Box(Modifier.fillMaxSize()) {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
+            AsyncImage(
+                model = ImageRequest.Builder(context)
+                    .data(posterImageUrl)
+                    .crossfade(true)
+                    .build(),
+                contentDescription = null,
+                contentScale = ContentScale.Crop,
+                modifier = Modifier
+                    .fillMaxSize()
+                    .blur(blurRadius)
+            )
+        } else {
+            AsyncImage(
+                model = ImageRequest.Builder(context)
+                    .data(posterImageUrl)
+                    .crossfade(true)
+                    .build(),
+                contentDescription = null,
+                contentScale = ContentScale.Crop,
+                modifier = Modifier.fillMaxSize()
+            )
+        }
+    }
+} 

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,40 @@
+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.platform.LocalContext
+import androidx.compose.ui.unit.dp
+import coil.compose.AsyncImage
+import coil.request.ImageRequest
+import coil.transform.RoundedCornersTransformation
+
+@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)
+    ) {
+        AsyncImage(
+            model = ImageRequest.Builder(LocalContext.current)
+                .data(posterImageUrl)
+                .crossfade(true)
+                .transformations(RoundedCornersTransformation(12f))
+                .build(),
+            contentDescription = null,
+            contentScale = ContentScale.Crop,
+            modifier = Modifier
+                .fillMaxSize()
+                .clip(RoundedCornerShape(12.dp))
+        )
+    }
+}