@props([
    'action' => null,
    'showReference' => true,
    'showDescription' => false,
    'from' => request('from', $accountingPeriod['from'] ?? null),
    'to' => request('to', $accountingPeriod['to'] ?? null),
    'reference' => request('reference'),
    'description' => request('description'),
])

<form method="GET" action="{{ $action ?? url()->current() }}" class="card border-0 shadow-sm mb-3">
    <div class="card-body py-3">
        <div class="row g-2 align-items-end">
            <div class="col-md-2">
                <label class="form-label small mb-1">From</label>
                <input type="date" name="from" value="{{ $from }}" class="form-control form-control-sm">
            </div>
            <div class="col-md-2">
                <label class="form-label small mb-1">To</label>
                <input type="date" name="to" value="{{ $to }}" class="form-control form-control-sm">
            </div>
            @if($showReference)
                <div class="col-md-3">
                    <label class="form-label small mb-1">Reference</label>
                    <input type="text" name="reference" value="{{ $reference }}" class="form-control form-control-sm" placeholder="Search reference…">
                </div>
            @endif
            @if($showDescription)
                <div class="col-md-3">
                    <label class="form-label small mb-1">Description</label>
                    <input type="text" name="description" value="{{ $description }}" class="form-control form-control-sm" placeholder="Search description…">
                </div>
            @endif
            <div class="col-auto d-flex gap-2">
                <button type="submit" class="btn btn-primary btn-sm"><i class="bx bx-filter-alt me-1"></i> Filter</button>
                <a href="{{ url()->current() }}" class="btn btn-outline-secondary btn-sm">Reset</a>
            </div>
        </div>
    </div>
</form>