59 lines
1.4 KiB
Plaintext
59 lines
1.4 KiB
Plaintext
@page "/movie/{id}"
|
|
|
|
<PageTitle>Movie Details</PageTitle>
|
|
|
|
<div class="row g-4" style="max-width: 800px;">
|
|
@if (movie is not null)
|
|
{
|
|
<h1>@movie.Title</h1>
|
|
<div class="col-md-4">
|
|
<img src="@movie.Poster" alt="@movie.Title Poster" class="img-fluid" />
|
|
</div>
|
|
<div class="col-md-8">
|
|
<p>@movie.Runtime</p>
|
|
<p>@movie.Plot</p>
|
|
@if(ManageFavorite.IsFavorite(id))
|
|
{
|
|
<button class="btn btn-warning" @onclick="ToggleFavoriteMovie">Remove Favorite</button>
|
|
}
|
|
else
|
|
{
|
|
<button class="btn btn-secondary" @onclick="ToggleFavoriteMovie">Add to Favorites</button>
|
|
}
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<p>Loading movie details...</p>
|
|
}
|
|
</div>
|
|
|
|
|
|
@inject OmdbService OmdbService
|
|
@inject ManageFavorite ManageFavorite
|
|
|
|
@code {
|
|
[Parameter]
|
|
public required string id { get; set; }
|
|
private Movie? movie;
|
|
|
|
protected override async Task OnInitializedAsync()
|
|
{
|
|
movie = await OmdbService.FetchMovieDetail(id);
|
|
}
|
|
|
|
protected override async Task OnAfterRenderAsync(bool firstRender)
|
|
{
|
|
if (firstRender)
|
|
{
|
|
await ManageFavorite.LoadFavorites();
|
|
StateHasChanged();
|
|
}
|
|
}
|
|
|
|
private async Task ToggleFavoriteMovie()
|
|
{
|
|
await ManageFavorite.ToggleFavoriteMovie(movie!);
|
|
}
|
|
}
|