@props([
    'presets' => [],
    'sticky' => true,
])

@php
    $presets = $presets ?: app(\App\Services\Analytics\DateRangePresetService::class)->presets();
@endphp

<div {{ $attributes->merge(['class' => 'analytics-filter-bar card mb-1'.($sticky ? ' analytics-filter-bar--sticky' : '')]) }}>
    <div class="card-body py-1">
        <div class="row g-1 align-items-end">
            <div class="col-12 col-xl-auto">
                <label class="form-label analytics-filter-label mb-25">{{ __('locale.analytics.date_range') }}</label>
                <div class="analytics-date-presets btn-group btn-group-sm flex-wrap" role="group">
                    @foreach($presets as $preset)
                        <button type="button"
                                class="btn btn-outline-primary analytics-date-preset"
                                data-preset="{{ $preset['value'] }}"
                                data-range="{{ $preset['start'] }} to {{ $preset['end'] }}">
                            {{ $preset['label'] }}
                        </button>
                    @endforeach
                    <button type="button"
                            class="btn btn-outline-secondary analytics-date-preset"
                            data-preset="custom">
                        {{ __('locale.analytics.custom_range') }}
                    </button>
                </div>
            </div>
            {{ $slot }}
        </div>
    </div>
</div>