@props(['hours'])

@php
    $today = (int) now()->isoWeekday();
@endphp

@if ($hours->isNotEmpty())
    <dl {{ $attributes->merge(['class' => 'space-y-2 text-sm']) }}>
        @foreach ($hours as $day)
            @php
                $slots = $day->slots();
                $isToday = $day->day_of_week === $today;
            @endphp

            <div @class([
                'flex items-baseline justify-between gap-3',
                'text-ink' => $isToday,
                'text-ink-muted' => ! $isToday,
            ])>
                <dt @class(['shrink-0', 'font-semibold' => $isToday])>{{ $day->dayName() }}</dt>

                {{-- Chaque créneau reste insécable : une plage horaire ne doit
                     jamais être coupée au milieu, même dans une colonne étroite. --}}
                <dd class="flex flex-col items-end text-right">
                    @if ($slots === [])
                        <span class="whitespace-nowrap">{{ $day->fallbackLabel() }}</span>
                    @else
                        @foreach ($slots as $slot)
                            <span class="whitespace-nowrap tabular-nums">{{ $slot }}</span>
                        @endforeach
                    @endif
                </dd>
            </div>
        @endforeach
    </dl>
@endif