<?php

$reportFilters = $reportFilters ?? [];

?>

<section class="owner-card mb-4">

    <form method="GET" class="row g-3 align-items-end">

        <input type="hidden" name="url" value="<?= htmlspecialchars($reportRoute) ?>">

        <?php foreach ($reportFilters as $name => $value): ?>

            <input
                type="hidden"
                name="<?= htmlspecialchars($name) ?>"
                value="<?= htmlspecialchars((string) $value) ?>"
            >

        <?php endforeach; ?>

        <div class="col-md-3">

            <label class="form-label" for="report-range">Khoảng thời gian</label>

            <select id="report-range" name="range" class="form-select">
                <option value="today" <?= $range['key'] === 'today' ? 'selected' : '' ?>>Hôm nay</option>
                <option value="7days" <?= $range['key'] === '7days' ? 'selected' : '' ?>>7 ngày gần nhất</option>
                <option value="30days" <?= $range['key'] === '30days' ? 'selected' : '' ?>>30 ngày gần nhất</option>
                <option value="this_month" <?= $range['key'] === 'this_month' ? 'selected' : '' ?>>Tháng này</option>
                <option value="last_month" <?= $range['key'] === 'last_month' ? 'selected' : '' ?>>Tháng trước</option>
                <option value="this_year" <?= $range['key'] === 'this_year' ? 'selected' : '' ?>>Năm nay</option>
                <option value="custom" <?= $range['key'] === 'custom' ? 'selected' : '' ?>>Tùy chỉnh</option>
            </select>

        </div>

        <div class="col-md-3">

            <label class="form-label" for="report-from">Từ ngày</label>

            <input
                id="report-from"
                type="date"
                name="from"
                class="form-control"
                value="<?= htmlspecialchars($range['from']) ?>"
            >

        </div>

        <div class="col-md-3">

            <label class="form-label" for="report-to">Đến ngày</label>

            <input
                id="report-to"
                type="date"
                name="to"
                class="form-control"
                value="<?= htmlspecialchars($range['to']) ?>"
            >

        </div>

        <div class="col-md-3">

            <button type="submit" class="btn btn-dark w-100">Áp dụng</button>

        </div>

        <div class="col-12">
            <small class="text-muted">Chọn “Tùy chỉnh” để dùng hai trường ngày. Ngày kết thúc được tính hết ngày đã chọn.</small>
        </div>

    </form>

</section>
