From 86b91263a81a5da84b5d3d12456bc31abb3a1092 Mon Sep 17 00:00:00 2001
From: Berack96 <giacomobertolazzi7@gmail.com>
Date: Tue, 20 Jan 2026 13:46:12 +0100
Subject: [PATCH] movie detail

---
 Components/Pages/Movie.razor       | 11 ----------
 Components/Pages/MovieDetail.razor | 35 ++++++++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 11 deletions(-)
 delete mode 100644 Components/Pages/Movie.razor
 create mode 100644 Components/Pages/MovieDetail.razor

diff --git a/Components/Pages/Movie.razor b/Components/Pages/Movie.razor
deleted file mode 100644
index a415d3b..0000000
--- a/Components/Pages/Movie.razor
+++ /dev/null
@@ -1,11 +0,0 @@
-@page "/movie/{id}"
-
-<PageTitle>Movie Details</PageTitle>
-
-<h1>TODO</h1>
-<p>Movie ID: @id</p>
-
-@code {
-    [Parameter]
-    public string id { get; set; }
-}
diff --git a/Components/Pages/MovieDetail.razor b/Components/Pages/MovieDetail.razor
new file mode 100644
index 0000000..7d458c7
--- /dev/null
+++ b/Components/Pages/MovieDetail.razor
@@ -0,0 +1,35 @@
+@page "/movie/{id}"
+
+<PageTitle>Movie Details</PageTitle>
+
+<div style="display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: auto auto; gap: 20px; max-width: 800px; margin-right: auto;">
+    @if (movie is not null)
+    {
+        <h1>@movie.Title</h1>
+        <div></div>
+        <img src="@movie.Poster" alt="@movie.Title Poster" />
+        <div class="details">
+            <p>@movie.Runtime</p>
+            <p>@movie.Plot</p>
+            <button>Favorite</button>
+        </div>
+    }
+    else
+    {
+        <p>Loading movie details...</p>
+    }
+</div>
+
+
+@inject OmdbService OmdbService
+
+@code {
+    [Parameter]
+    public required string id { get; set; }
+    private Movie? movie;
+
+    protected override async Task OnInitializedAsync()
+    {
+        movie = await OmdbService.FetchMovieDetail(id);
+    }
+}