@{
    ViewData["Title"] = "Symptom";
}
<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="text" id="name" name="name" /></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 d-flex align-content-center">
            <h5 class="me-2">Болезни</h5>
            <select id="diagnoseId" name="diagnoseId" class="me-2">
                <option value="">Выберите болезнь</option>
                @{
                    for (int i = 0; i < 5; i++)
                    {
                        <option value="@i">Болезнь @i</option>
                    }
                }
            </select>
            <button class="btn btn-outline-success" type="button">
                Добавить
            </button>
        </div>
    </div>
    <div class="row mb-5 overflow-auto" style="max-height: 100px; max-width: 500px;">
        <ol>
            @{
                for (int i = 0; i < 5; i++)
                {
                    <li class="mb-2 ps-1 ms-1">
                        <a asp-action="Symptom" class="text-decoration-none">
                            <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>
                        <span>Выбранная болезнь</span>
                    </li>
                }
            }
        </ol>
    </div>
    <div class="row mb-5">
        <div class="col-4">
            <button class="btn btn-outline-success" type="submit">
                Сохранить
            </button>
            @Html.ActionLink("Отмена", "Courses", "Home", null, new { @class = "btn btn-outline-warning" })
        </div>
    </div>
</form>