

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

<div class="container">
    <div class="text-center mb-4">
        <h2 class="text-custom-color-1">Отчет по медикаментам за период</h2>
    </div>

    <form method="post">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="dateFrom" class="form-label text-custom-color-1">Начало периода:</label>
                    <input type="datetime-local" id="dateFrom" name="dateFrom" class="form-control" placeholder="Выберите дату начала периода">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="dateTo" class="form-label text-custom-color-1">Окончание периода:</label>
                    <input type="datetime-local" id="dateTo" name="dateTo" class="form-control" placeholder="Выберите дату окончания периода">
                </div>
            </div>
        </div>

        <div class="row mb-4">
            <div class="col-md-8"></div>
            <div class="col-md-4">
                <button type="submit" class="btn btn-outline-dark w-100 text-center d-flex justify-content-md-center">Отправить на почту</button>
            </div>
        </div>

        <div class="row mb-4">
            <div class="col-md-8"></div>
            <div class="col-md-4">
                <button type="button" id="demonstrate" class="btn btn-outline-dark w-100 text-center d-flex justify-content-md-center">Продемонстрировать</button>
            </div>
        </div>

        <div id="report"></div>
    </form>
</div>

@section Scripts {
    <script>
        function check() {
            var dateFrom = $('#dateFrom').val();
            var dateTo = $('#dateTo').val();
            if (dateFrom && dateTo) {
                $.ajax({
                    method: "GET",
                    url: "/Home/GetAnimalsReport",
                    data: { dateFrom: dateFrom, dateTo: dateTo },
                    success: function (result) {
                        if (result != null) {
                            $('#report').html(result);
                        }
                    }
                });
            };
        }
        check();
        $('#demonstrate').on('click', (e) => check());
    </script>
}