@{
    ViewData["Title"] = "Courses";
}

<div class="text-center">
    <h1 class="display-4">Курсы</h1>
</div>
<div>
    <div class="d-flex flex-row">
        <a class="btn btn-outline-dark" asp-action="Course" asp-controller="Home" title="Добавить">
            Добавить курс
        </a>
    </div>
    <table class="table">
        <thead>
            <tr>
                <th scope="col">Номер</th>
                <th scope="col">Количество дней</th>
                <th scope="col">Количество препаратов в день</th>
                <th scope="col">Комментарий</th>
                <th scope="col"></th>
            </tr>
        </thead>
        <tbody>
            @{
                for (int i = 0; i < 5; i++)
                {
                    <tr>
                        <th scope="row">@i</th>
                        <td>1</td>
                        <td>1</td>
                        <td>Комментарий</td>
                        <td class="d-flex">
                            <a class="btn btn-light me-1" title="Удалить">
                                <svg class="trash3-fill" width="16" height="16" viewBox="0 0 154 164" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M44.5 123C4.99995 119.5 -11.8431 56.4293 24 19.5C40.5 2.50001 72.5 -5.5 101.5 27.5L115.5 14.5" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
                                    <path d="M65.2123 159.963L56 60.0001C88.0236 76.3307 119.521 77.4194 149 60.0001C141.63 142.346 140.08 160.953 140.226 159.963H65.2123Z" stroke="#D10000" stroke-width="8" />
                                    <path d="M121 36L101.582 55L75 31" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
                                </svg>
                            </a>
                            <a class="btn btn-light text-light" title="Редактировать" asp-action="Course" asp-controller="Home">
                                <svg class="pencil" viewBox="0 0 127 127" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M105.5 26L37 114.5C34.5 117 16.3 121.7 7.5 122.5C79.1 34.1 101 5.5 102 4C104.833 4.5 119.3 14.6 122.5 21C105 44 98.5 55 111.5 58.5" stroke="#008315" stroke-width="6" stroke-linecap="round" />
                                </svg>
                            </a>
                        </td>
                    </tr>
                }
            }
        </tbody>
    </table>
</div>