@props(['model', 'state', 'days'])

{{-- Per-weekday allowed sending hours. $model is the Livewire property holding the state from SendWindowForm::fromConfig. --}}
<div class="space-y-2 rounded-lg border border-gray-200 p-3 text-sm">
    <label class="flex items-center gap-2 font-medium">
        <input type="checkbox" wire:model.live="{{ $model }}.enabled" class="rounded border-gray-300 text-indigo-600">
        <span>ارسال فقط در ساعت‌های مجاز</span>
    </label>

    @if ($state['enabled'] ?? false)
        @if ($state['multi'] ?? false)
            <p class="text-xs text-amber-700">این پنجره برای بعضی روزها چند بازه دارد و در این صفحه قابل ویرایش نیست؛ همان‌طور که هست نگه داشته می‌شود. برای تغییر آن، تیک بالا را بردارید و دوباره تنظیم کنید.</p>
        @else
            <div class="space-y-1.5">
                @foreach ($days as $day => $dayLabel)
                    <div wire:key="{{ $model }}-day-{{ $day }}" class="flex flex-wrap items-center gap-2">
                        <label class="flex w-28 items-center gap-2">
                            <input type="checkbox" wire:model.live="{{ $model }}.days.{{ $day }}.on" class="rounded border-gray-300 text-indigo-600">
                            <span>{{ $dayLabel }}</span>
                        </label>
                        @if ($state['days'][$day]['on'] ?? false)
                            <span class="text-xs text-gray-500">از</span>
                            <input type="time" wire:model="{{ $model }}.days.{{ $day }}.from" class="ltr-numerals rounded-md border-gray-300 py-1 text-sm">
                            <span class="text-xs text-gray-500">تا</span>
                            <input type="time" wire:model="{{ $model }}.days.{{ $day }}.until" class="ltr-numerals rounded-md border-gray-300 py-1 text-sm">
                        @else
                            <span class="text-xs text-gray-400">غیرفعال</span>
                        @endif
                    </div>
                @endforeach
            </div>
            <p class="text-xs text-gray-400">به‌وقت منطقهٔ زمانی فضای کاری. پیامی که خارج از این ساعت‌ها سررسید شود، به اولین زمان مجاز بعدی می‌رود.</p>
        @endif
    @endif
</div>