@{
    ViewBag.SelectedSiteMenuItem = SiteMenuItems.Course;
}
<h4>Новый курс лечения</h4>
<form class="d-flex flex-column" method="post">
    <div class="row mb-5">
        <div class="col-3">Количество дней:</div>
        <div class="col-8"><input type="number" id="daysCount" name="daysCount" /></div>
    </div>
    <div class="row mb-5">
        <div class="col-3">Количество препарата в день:</div>
        <div class="col-8"><input type="number" id="pillsPerDay" name="pillsPerDay" /></div>
    </div>
    <div class="row mb-5">
        <div class="col-3">Коментарий:</div>
        <div class="col-8"><textarea id="comment" name="comment"></textarea></div>
    </div>
    <div class="row mb-5">
        <div class="col-3">Рецепт:</div>
        <div class="col-8">
            <select id="recipeId" name="recipeId">
                <option value="">Выберите рецепт</option>
                @{
                    int count = 10;
                    for (int i = 0; i < count; i++)
                    {
                        <option value="@i">Какой-то рецепт @i</option>
                    }
                }
            </select>
        </div>
    </div>
    <div class="row mb-5">
        <div class="col-3 d-flex align-content-center">
            <h5 class="me-2">Болезни</h5>
            <select id="diagnoseId" name="diagnoseId" class="me-2">
                <option value="">Выберите болезнь</option>
                @{
                    count = 10;
                    for (int i = 0; i < count; i++)
                    {
                        <option value="@i">Какая-то противная болезнь @i</option>
                    }
                }
            </select>
            <button class="btn btn-success" type="button">
                Добавить
            </button>
        </div>
    </div>
    <div class="row mb-5 overflow-auto" style="max-height: 100px; max-width: 500px;">
        <ol>
            @{
                count = 7;
                for (int i = 0; i < count; i++)
                {
                    <li class="mb-2 ps-1 ms-1">
                        <a asp-action="Course" class="text-decoration-none">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash-fill text-danger " viewBox="0 0 16 16">
                                <path d="M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5M8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5m3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0" />
                            </svg>
                        </a>
                        <span>Выбранная болезнь</span>
                    </li>
                }
            }
        </ol>
    </div>
    <div class="row mb-5">
        <div class="col-4">
            <button class="btn btn-success" type="submit">
                Сохранить
            </button>
            @Html.ActionLink("Отмена", "Courses", "Home", null, new { @class = "btn btn-danger" })
        </div>
    </div>
</form>