@props(['filters' => []])

<form method="GET" class="row g-2 align-items-end mb-0">
    <div class="col-md-3">
        <label class="form-label" for="from">From</label>
        <input type="date" name="from" id="from" class="form-control" value="{{ $filters['from'] ?? '' }}">
    </div>
    <div class="col-md-3">
        <label class="form-label" for="to">To</label>
        <input type="date" name="to" id="to" class="form-control" value="{{ $filters['to'] ?? '' }}">
    </div>
    {{ $slot }}
    <div class="col-md-2">
        <button class="btn btn-outline-secondary w-100" type="submit">Filter</button>
    </div>
</form>