{{--
    Porte de views/partials/notifications.php do aurios-ops original.
    @var list<array<string,mixed>> $notifications
    @var int|null $notificationUnreadCount
--}}
@php
    $notificationCount = $notificationUnreadCount ?? count(array_filter($notifications, static fn (array $n): bool => empty($n['read_at'])));
@endphp

<div class="notification-menu" data-notification-menu data-notification-endpoint="{{ url('/notificacoes') }}">
    <button type="button" class="icon-btn notification-trigger" data-notification-toggle
            aria-expanded="false" aria-label="Notificações" title="Notificações">
        <i class="ic">notifications</i>
        <span class="notification-badge" data-notification-badge aria-label="{{ $notificationCount }} notificação(ões)" {{ $notificationCount > 0 ? '' : 'hidden' }}>{{ $notificationCount > 99 ? '99+' : $notificationCount }}</span>
    </button>

    <section class="notification-popover" data-notification-popover hidden aria-live="polite" aria-label="Central de notificações">
        <div class="notification-head">
            <div>
                <strong>Notificações</strong>
                <span data-notification-summary>{{ $notificationCount > 0 ? $notificationCount . ' notificação(ões) não lida(s)' : 'Nenhuma notificação não lida' }}</span>
            </div>
            <div class="notification-head-actions">
                <a href="{{ url('/notificacoes') }}" class="notification-view-all">Ver todas</a>
                <button type="button" class="notification-sound-toggle" data-notification-sound aria-pressed="true" title="Desativar som">
                    <i class="ic sm" data-notification-sound-icon aria-hidden="true">volume_up</i><span data-notification-sound-label>Som ativo</span>
                </button>
            </div>
        </div>

        <div class="notification-list" data-notification-list>
            @if ($notifications === [])
                <div class="notification-empty">
                    <i class="ic lg" aria-hidden="true">task_alt</i>
                    <strong>Tudo em dia</strong>
                    <span>Quando houver algo importante, aparecerá aqui.</span>
                </div>
            @else
                @foreach ($notifications as $notification)
                    @php($groupCount = (int) ($notification['group_count'] ?? 1))
                    @if ($groupCount > 1)
                    <div class="notification-group" data-notification-group="{{ (string) ($notification['group_key'] ?? $notification['key']) }}">
                        <button type="button" class="notification-item notification-group-toggle" data-notification-group-toggle aria-expanded="false">
                            <span class="notification-icon notification-icon--{{ $notification['tone'] }}"><i class="ic sm" aria-hidden="true">{{ $notification['icon'] }}</i></span>
                            <span class="notification-copy"><strong>{{ $notification['title'] }}</strong><span>{{ $notification['text'] }} · {{ $groupCount }} ocorrências</span></span>
                            <small class="notification-time" title="Gerada em {{ datetime_br((string) ($notification['generated_at'] ?? '')) }}">{{ notification_time_br((string) ($notification['generated_at'] ?? '')) }}</small>
                            <span class="notification-group-count">{{ $groupCount }}</span><i class="ic sm notification-arrow" aria-hidden="true">expand_more</i>
                        </button>
                        <button type="button" class="notification-mark-read" data-notification-mark-read data-notification-ids="{{ implode(',', array_map('intval', (array) ($notification['group_ids'] ?? []))) }}" title="Marcar como lida" aria-label="Marcar como lida"><i class="ic sm">mark_email_read</i></button>
                        <div class="notification-group-items" hidden>
                            @foreach (($notification['group_items'] ?? []) as $child)
                            <div class="notification-entry">
                            <a href="{{ url((string) $child['open_href']) }}" class="notification-item notification-group-child{{ !empty($child['read_at']) ? ' is-read' : '' }}" data-notification-key="{{ $child['key'] }}">
                                <span class="notification-icon notification-icon--{{ $child['tone'] }}"><i class="ic sm" aria-hidden="true">{{ $child['icon'] }}</i></span>
                                <span class="notification-copy"><strong>{{ $child['title'] }}</strong><span>{{ $child['text'] }}</span></span>
                                <small class="notification-time" title="Gerada em {{ datetime_br((string) ($child['generated_at'] ?? '')) }}">{{ notification_time_br((string) ($child['generated_at'] ?? '')) }}</small><i class="ic sm notification-arrow" aria-hidden="true">chevron_right</i>
                            </a>
                            <button type="button" class="notification-mark-read" data-notification-mark-read data-notification-ids="{{ (int) ($child['id'] ?? 0) }}" title="Marcar como lida" aria-label="Marcar como lida"><i class="ic sm">mark_email_read</i></button>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @else
                    <div class="notification-entry">
                    <a href="{{ url((string) $notification['open_href']) }}" class="notification-item{{ !empty($notification['read_at']) ? ' is-read' : '' }}" data-notification-key="{{ (string) ($notification['group_key'] ?? $notification['key']) }}">
                        <span class="notification-icon notification-icon--{{ $notification['tone'] }}">
                            <i class="ic sm" aria-hidden="true">{{ $notification['icon'] }}</i>
                        </span>
                        <span class="notification-copy">
                            <strong>{{ $notification['title'] }}</strong>
                            <span>{{ $notification['text'] }}{{ (int) ($notification['group_count'] ?? 1) > 1 ? ' · ' . (int) $notification['group_count'] . ' ocorrências' : '' }}</span>
                        </span>
                        <small class="notification-time" title="Gerada em {{ datetime_br((string) ($notification['generated_at'] ?? '')) }}">{{ notification_time_br((string) ($notification['generated_at'] ?? '')) }}</small>
                        <i class="ic sm notification-arrow" aria-hidden="true">chevron_right</i>
                    </a>
                    <button type="button" class="notification-mark-read" data-notification-mark-read data-notification-ids="{{ (int) ($notification['id'] ?? 0) }}" title="Marcar como lida" aria-label="Marcar como lida"><i class="ic sm">mark_email_read</i></button>
                    </div>
                    @endif
                @endforeach
            @endif
        </div>
        <div class="notification-loading" data-notification-loading hidden role="status" aria-live="polite">
            <i class="ic sm" aria-hidden="true">hourglass_top</i><span>Carregando...</span>
        </div>
    </section>
</div>