@props([
    'business_hours' => [],
    'view' => 'day',
    'density' => [],
])

@php
    $enabled = (int) ($business_hours['enabled'] ?? 0) === 1;
@endphp

<form id="calendar-business-hours"
      method="get"
      class="button-group button-group--primary button-group--sm"
      action="{{ route('calendar.index') }}"
      hx-get="{{ route('calendar.index') }}"
      hx-target="#calendar"
      hx-select="#calendar"
      hx-swap="outerHTML"
      hx-push-url="true"
      hx-trigger="change"
      hx-include="#calendar-toggles">

    {{-- preserve current view and anchor date --}}
    <input type="hidden" name="view" value="{{ $view }}">
    <input type="hidden" name="date" value="{{ $density['anchor'] ?? request('date') }}">
    <input type="hidden" name="density" value="{{ $density['step'] ?? 30 }}">

    <x-button.group-input value="0" name="business_hours" :active="!$enabled">All day</x-button.group-input>
    <x-button.group-input value="1" name="business_hours" :active="$enabled">Business hours</x-button.group-input>

    <noscript>
        <button type="submit" class="button">{{ __('Apply') }}</button>
    </noscript>
</form>