Не отображается диалоговое окно при нажатии

@inherits Microsoft.AspNetCore.Components.ComponentBase
@using Microsoft.AspNetCore.Components.Web;
@using WebApplication3.Models;
@using WebApplication3.Services;
@inject JsonFileAnimeService AnimeService
 
 
<div class="grid">
    @foreach (var anime in AnimeService.GetAnimes())
    {
        <div class="content flow">
            <a @onclick="(e => SelectAnime(anime.Id))" data-toggle="modal" data-target="#animeModal" >
                <img src="@anime.Image" alt="Mimimamomu">
 
                <p class="title"><strong>@anime.Title</strong></p>
            </a>
            @if (anime.Ratings != null)
            {
                <p>@anime.Ratings.Average() </p>
            }
            <div class="card-footer">
                <small class="text-muted">
                    <button @onclick="(e => SelectAnime(anime.Id))" data-toggle="modal" data-target="#animeModal" class="btn btn-primary">
                        More Info
                    </button>
                </small>
            </div>
        </div>
 
    }
</div>
 
 
@if (selectedAnime != null)
{
    <div class="modal fade" id="animeModal" tabindex="-1" role="dialog" aria-labelledby="animeTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="animeTitle">@selectedAnime.Title</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="card">
                        <div class="card-img" style="background-image: url('@selectedAnime.Image');">
                        </div>
                        <div class="card-body">
                            <p class="card-text">@selectedAnime.Description</p>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                </div>
            </div>
        </div>
    </div>
}
 
 
@code {
    Anime selectedAnime;
    int selectedAnimeId;
    void SelectAnime(int animeId)
    {
        selectedAnimeId = animeId;
        selectedAnime = AnimeService.GetAnimes().First(x => x.Id == animeId);
    }
}