@model IEnumerable<QuestionnaireViewModel>

@{
    ViewData["Title"] = "Questionnaire";
}
<div class="container-fluid ">

    <partial name="_Notification" />

    <div class="card bg-default mb-3 p-4 shadow ">
        <div class="card-header">Questionnaire</div>
        <div class="card-body">
            <h4 class="card-title">Questionnaire list</h4>
            <p>
                <a asp-action="Create" class="btn btn-primary">Create New</a>
            </p>
            <table class="table table-responsive d-block">
                <thead class="w-auto">
                    <tr>

                        <th scope="col">Id</th>
                        <th scope="col">Title</th>
                        <th scope="col">Description</th>
                        <th scope="col">Number of questions</th>
                        <th scope="col">Total Question</th>
                        <th scope="col" class="d-flex justify-content-end">Action</th>
                    </tr>
                </thead>
                <tbody class="w-auto">
                    @foreach (var item in Model)
                    {
                        <tr class="table-secondary">

                            <td>@item.Id</td>
                            <td> @item.Title</td>
                            <td>@item.Description</td>

                            <td>
                                <span class="badge p-1 m-1 bg-primary shadow-sm"> Total Questions:@item.Questions?.Count()</span>
                               
                            </td>
                            <td class="h5">
                                
                                @foreach (var question in item.Questions)
                                {

                                    <span class="badge p-1 m-1 bg-primary shadow-sm"> Question:@question.Text</span>
                                    <span class="badge p-1 m-1 bg-info shadow-sm">Type: @question.Type</span>
                                    foreach (var answer in question.Answers)
                                    {
                                        <span class="badge p-1 m-1 bg-success shadow-sm"> Asnwer:@answer.Text</span>
                                    }
                                   
                                }
                              
                            </td>
 
                           
                            <td class="d-flex justify-content-end">
                                <a asp-action="Delete" asp-route-id="@item.Id" class="btn btn-danger btn-s"><i class="bi bi-trash"></i> Delete</a> |
                                <a asp-action="Edit" asp-route-id="@item.Id" class="btn btn-warning btn-s"><i class="bi bi-pencil-square"></i> Edit</a>
                            </td>
                        </tr>
                    }


                </tbody>
            </table>

        </div>
    </div>
</div>