@{
    ViewData["Title"] = "Отчет";
}

<div class="text-center">
    <h1 class="display-4">Отчет по слушаниям</h1>
</div>

<div id="error-div-shell" class="error-div-shell mb-2">
    <div>
        <p id="error-p" class="error-p"></p>
    </div>
</div>

<div class="d-flex flex-wrap gap-1 align-items-end mb-2">
    <div class="mb-2">
        <p class="mb-0">Дата начала:</p>
        <input id="date-from-input" class="form-control" type="date" />
    </div>
    <div class="mb-2">
        <p class="mb-0">Дата конца:</p>
        <input id="date-to-input" class="form-control" type="date" />
    </div>
    <button id="generate-button" class="btn btn-primary mb-2">
        Показать
    </button>
    <button id="send-by-mail-button" class="btn btn-primary mb-2">
        На почту
    </button>
</div>

<p class="mb-0">
    <span>За период с&nbsp;</span>
    <span id="date-from-span" class="fw-bold">...</span>
    <span>&nbsp;по&nbsp;</span>
    <span id="date-to-span" class="fw-bold">...</span>
</p>
<div class="table-shell mb-2 border">
    <table class="table mb-0">
        <thead class="table-head">
            <tr>
                <th>Номер слушания</th>
                <th>Дело</th>
                <th>Дата проведения</th>
                <th>Юрист</th>
            </tr>
        </thead>
        <tbody id="tbody">
        </tbody>
    </table>
</div>

<div id="table"></div>

<script src="~/js/report/reportpdf.js" asp-append-version="true"></script>