Untitled

<table class="table mt-2">
	<thead>
		<tr>
			<th>Film Name </th>
			<th>Genre Name</th>
			<th></th>
		</tr>
	</thead>
	<tbody>
		@foreach (var item in Model.OrderBy(x => x.FilmId))
		{
			<tr>
				<td>@item.FilmId</td>
				<td>@item.GenreId</td>
				<td>
					<div class="d-flex me-1 justify-content-end">
						<button class="btn btn-outline-danger rounded-0" @onclick="@(() => OnClick.InvokeAsync(new ClickReferenceModel(PageType.Delete, item.FilmId, item.GenreId)))">Delete</button>
					</div>
				</td>
			</tr>
		}
	</tbody>
</table>

@code {
	[Parameter] public List<FilmGenreDTO> Model { get; set; } = new();
	[Parameter] public EventCallback<ClickReferenceModel> OnClick { get; set; }
}