Show answers in take quiz questions

BlazorQuizApp.Client/Pages/Home.razor

@@ -4,6 +4,7 @@
 @using System.Collections.ObjectModel
 @using System.Security.Claims
 @inject DialogService DialogService;
+@inject NavigationManager NavigationManager
 @inject IQuizApiClient apiClient
 <PageTitle>Home</PageTitle>
 
@@ -13,7 +14,7 @@
             <RadzenStack Orientation="Orientation.Vertical" JustifyContent="JustifyContent.Left" AlignItems="AlignItems.Start">
                 <h3>@quiz.Name</h3>
                 <RadzenText>@quiz.Description</RadzenText>
-                <RadzenButton Click="TakeQuiz">Take Quiz</RadzenButton>
+                <RadzenButton Click="@(() => TakeQuiz(quiz.Id.Value))">Take Quiz</RadzenButton>
             </RadzenStack>
         </RadzenCard>
     </Template>
@@ -28,7 +29,7 @@
 
     bool sidebar1Expanded = true;
 
-    private async Task TakeQuiz()
+    private async Task TakeQuiz(int quizId)
     {
         if (authenticationState is not null)
         {
@@ -62,6 +63,10 @@
                         await DialogService.Alert("User creation failed");
                     }
                 }
+                else
+                {
+                    NavigationManager.NavigateTo($"/take-quiz/{quizId}");
+                }
             }
         }
     }

BlazorQuizApp.Client/Pages/TakeQuiz.razor

@@ -0,0 +1,70 @@
+@page "/take-quiz/{quizId:int}"
+@using QuizApp.Api
+@using QuizApp.Common.DTO
+@using QuizApp.Common.Request
+@using System.Collections.ObjectModel
+@inject IQuizApiClient apiClient
+@inject DialogService DialogService
+@inject NotificationService NotificationService
+@inject NavigationManager NavigationManager
+@attribute [StreamRendering]
+@attribute [Authorize]
+
+@if (Questions == null)
+{
+    <p>Loading...</p>
+}
+else
+{
+    <RadzenDataList Data="@Questions" TItem="QuestionDTO">
+        <Template Context="question">
+            <RadzenStack Orientation="Orientation.Vertical" JustifyContent="JustifyContent.Left" AlignItems="AlignItems.Start">
+                <h3>@question.Title</h3>
+                <RadzenRadioButtonList Data="@question.Answers" Value="@question.SelectedAnswerId" TValue="int" TextProperty="Text" ValueProperty="Id" Orientation="Orientation.Vertical" />
+            </RadzenStack>
+        </Template>
+    </RadzenDataList>
+
+    <RadzenButton Click="SubmitQuiz" Style="margin-left: 15px">Submit</RadzenButton>
+}
+
+@code {
+    [Parameter] public int QuizId { get; set; }
+
+    private List<QuestionDTO> Questions = new List<QuestionDTO>();
+    private List<AnswerDTO> UserAnswers = new List<AnswerDTO>();
+
+
+    private async Task SubmitQuiz()
+    {
+
+    }
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            var questionDTOs = await apiClient.GetQuestionsByQuizIdEndpointAsync(QuizId);
+
+            if (questionDTOs == null)
+            {
+                return;
+            }
+
+            if (questionDTOs.Any())
+            {
+                Questions = new List<QuestionDTO>(questionDTOs);
+                foreach(var a in Questions.SelectMany(s=>s.Answers))
+                {
+                    a.IsCorrect = false;
+                }
+            }
+            else
+            {
+                Questions = new List<QuestionDTO>();
+            }
+
+            StateHasChanged();
+        }
+    }
+}

QuizApp.Common/DTO/AnswerDTO.cs

@@ -3,6 +3,7 @@
 public class AnswerDTO
 {
     public int Id { get; set; }
+    public int QuestionId { get; set; }
     public string Text { get; set; } = string.Empty;
     public bool IsCorrect { get; set; }
 }

QuizApp.Common/DTO/QuestionDTO.cs

@@ -6,4 +6,5 @@ public class QuestionDTO
     public int Id { get; set; }
     public string Title { get; set; } = string.Empty;
     public IEnumerable<AnswerDTO> Answers { get; set; } = new List<AnswerDTO>();
+    public int SelectedAnswerId { get; set; }
 }

QuizApp.Database/Repositories/QuizRepository.cs

@@ -7,7 +7,7 @@ namespace QuizApp.Database.Repositories;
 public class QuizRepository : IQuizRepository
 {
     private readonly QuizContext db;
-    
+
     public QuizRepository(QuizContext db)
     {
         this.db = db;
@@ -291,10 +291,10 @@ public async Task<bool> DeleteQuiz(int quizId)
     public async Task<IEnumerable<QuestionDTO>> GetQuestionsByQuizId(int quizId)
     {
         var questions = await db.Questions.Where(q => q.QuizId == quizId)
-            .Include(q => q.Answers) 
+            .Include(q => q.Answers)
             .ToListAsync();
 
-        if(questions.Count == 0)
+        if (questions.Count == 0)
         {
             return Enumerable.Empty<QuestionDTO>();
         }
@@ -308,6 +308,7 @@ public async Task<IEnumerable<QuestionDTO>> GetQuestionsByQuizId(int quizId)
             {
                 Id = a.Id,
                 Text = a.Text,
+                QuestionId = q.Id,
                 IsCorrect = a.IsCorrect
             }).ToList()
         });