@{
    ViewData["Title"] = "DrugsByDiagnoses";
}
<h4 class="text-center">Список лекарств по болезням</h4>
<form class="text-center">
    <h5 class="text-center">Выберите болезни</h5>
    <div class="d-flex justify-content-center flex-row align-content-center mb-3" style="max-width: 500px; max-height: 300px;">
        <ul>
            @{
                for(int i = 0; i < 5; i++)
                {
                    <li class="d-flex mb-2">
                        <input class="me-2" name="diagnose-@i" type="checkbox" id="diagnose-@i"/>
                        <label for="diagnose-@i">Название болезни @i</label>
                    </li>
                }
            }
        </ul>
    </div>
    <fieldset class="d-flex justify-content-center flex-row align-content-center mb-3">
        <h5>Укажите формат файла</h5>
        <div class="d-flex">
            <div class="d-flex me-3">
                <input class="me-2" type="radio" name="fileFormat" value="docx" id="radio-docx"/>
                <label for="radio-docx">DOCX</label>
            </div>
            <div class="d-flex me-3">
                <input class="me-2" type="radio" name="fileFormat" value="xlsx" id="radio-xlsx" />
                <label for="radio-xlsx">XLSX</label>
            </div>
        </div>
    </fieldset>
    <div class="d-flex justify-content-center flex-row align-content-center mb-3">
        <h5>Укажите название файла</h5>
        <input type="text" id="fileName"/>
    </div>
    <button class="btn btn-outline-success" type="submit">
        Скачать отчет
    </button>
</form>