@php
    $rfType  = $range['type'];
    $rfDate  = $range['date'];
    $rfMonth = (int) $range['month'];
    $rfYear  = (int) $range['year'];
    $rfFrom  = $range['cfrom'];
    $rfTo    = $range['cto'];
@endphp
<div class="range-filter card">
    <form method="GET" action="{{ url($filterAction) }}" class="rf-form">
        <div class="rf-radios">
            <label class="rf-radio"><input type="radio" name="range" value="day" {{ $rfType === 'day' ? 'checked' : '' }} data-rf-group="rf"> <i class="fas fa-calendar-day"></i> দিন</label>
            <label class="rf-radio"><input type="radio" name="range" value="month" {{ $rfType === 'month' ? 'checked' : '' }} data-rf-group="rf"> <i class="fas fa-calendar-alt"></i> মাস</label>
            <label class="rf-radio"><input type="radio" name="range" value="year" {{ $rfType === 'year' ? 'checked' : '' }} data-rf-group="rf"> <i class="fas fa-calendar"></i> বছর</label>
            <label class="rf-radio"><input type="radio" name="range" value="custom" {{ $rfType === 'custom' ? 'checked' : '' }} data-rf-group="rf"> <i class="fas fa-sliders-h"></i> কাস্টম</label>
        </div>

        <div class="rf-fields">
            <div class="rf-fieldset" data-rf-field="day" style="{{ $rfType === 'day' ? '' : 'display:none' }}">
                <label>তারিখ</label>
                <input type="date" name="date" value="{{ $rfDate }}" class="input-inline">
            </div>
            <div class="rf-fieldset" data-rf-field="month" style="{{ $rfType === 'month' ? '' : 'display:none' }}">
                <label>মাস</label>
                <select name="month" class="input-inline">
                    @for ($m = 1; $m <= 12; $m++)
                        <option value="{{ $m }}" {{ $m === $rfMonth ? 'selected' : '' }}>{{ date('F', mktime(0, 0, 0, $m, 1)) }}</option>
                    @endfor
                </select>
                <label>বছর</label>
                <select name="year" class="input-inline">
                    @for ($y = date('Y'); $y >= date('Y') - 3; $y--)
                        <option value="{{ $y }}" {{ $y === $rfYear ? 'selected' : '' }}>{{ $y }}</option>
                    @endfor
                </select>
            </div>
            <div class="rf-fieldset" data-rf-field="year" style="{{ $rfType === 'year' ? '' : 'display:none' }}">
                <label>বছর</label>
                <select name="year" class="input-inline">
                    @for ($y = date('Y'); $y >= date('Y') - 3; $y--)
                        <option value="{{ $y }}" {{ $y === $rfYear ? 'selected' : '' }}>{{ $y }}</option>
                    @endfor
                </select>
            </div>
            <div class="rf-fieldset" data-rf-field="custom" style="{{ $rfType === 'custom' ? '' : 'display:none' }}">
                <label>থেকে</label>
                <input type="date" name="from" value="{{ $rfFrom }}" class="input-inline">
                <label>পর্যন্ত</label>
                <input type="date" name="to" value="{{ $rfTo }}" class="input-inline">
            </div>
        </div>

        <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-filter"></i> ফিল্টার</button>
    </form>
</div>