@php
    $filter = in_array($filter, ['active', 'archived', 'all'], true) ? $filter : 'active';
    $labels = ['active' => 'Ativas', 'archived' => 'Arquivadas', 'all' => 'Todas'];
    $selectableTotal = $filter === 'all' ? $pagination['active_total'] : $pagination['total'];
@endphp

@extends('layout')

@section('content')
    <div class="page-head page-head--rich notifications-page-head">@include('partials.context-back')<div class="t"><div class="eyebrow"><i class="ic sm">notifications</i> Central de ocorrências</div><h1>Notificações</h1><p class="lead">Ocorrências operacionais preservadas no histórico, mesmo após arquivamento.</p></div><div class="actions"><a class="btn btn--subtle" href="{{ url('notificacoes?status='.$filter) }}"><i class="ic">refresh</i><span class="lbl">Atualizar</span></a></div></div>
    <section class="card notifications-page-card" data-notifications-page data-notifications-filter="{{ $filter }}" data-notifications-page-number="{{ $pagination['page'] }}" data-notifications-total="{{ $selectableTotal }}">
        <div class="notifications-page-toolbar"><nav class="notifications-tabs" aria-label="Filtro de notificações">@foreach($labels as $key => $label)<a href="{{ url('notificacoes?status='.$key.'&page=1') }}" class="notifications-tab {{ $filter === $key ? 'active' : '' }}" @if($filter === $key) aria-current="page" @endif>{{ $label }}<span>{{ $key === 'active' ? $pagination['active_total'] : ($key === 'archived' ? $pagination['archived_total'] : $pagination['active_total'] + $pagination['archived_total']) }}</span></a>@endforeach</nav><span class="muted small">{{ $pagination['total'] }} registro(s)</span></div>
        @if($pagination['items'] !== [] && $filter !== 'archived')
            <div class="notifications-bulkbar" data-notification-bulkbar>
                <label class="notifications-select-all"><input type="checkbox" data-notification-select-all><span>Selecionar página</span></label>
                <span class="muted small" data-notification-selected>0 selecionada(s)</span>
                <form method="post" action="{{ url('notificacoes/acao') }}" data-ajax data-reload="1" data-notification-bulk-form data-confirm="Aplicar esta ação às notificações selecionadas?">@csrf
                    <button type="submit" name="notification_action" value="archive" class="btn btn--subtle btn--sm" data-notification-bulk-submit disabled><i class="ic sm">archive</i><span>Arquivar selecionadas</span></button>
                    <button type="submit" name="notification_action" value="read" class="btn btn--subtle btn--sm" data-notification-bulk-submit disabled><i class="ic sm">mark_email_read</i><span>Marcar como lida</span></button>
                </form>
            </div>
            @if($pagination['pages'] > 1)<div class="notifications-select-all-pages" data-notification-select-all-pages hidden><button type="button" class="btn btn--subtle btn--sm">Selecionar todas as {{ $selectableTotal }} notificações ativas desta lista</button><span data-notification-all-pages-selected hidden>Todas as notificações ativas desta lista estão selecionadas. <button type="button" class="link-button" data-notification-clear-all>Limpar seleção</button></span></div>@endif
        @endif
        <div class="card-body flush">@forelse($pagination['items'] as $notification)<article class="notification-page-row {{ $notification['archived_at'] ? 'is-archived' : '' }} {{ $notification['read_at'] ? 'is-read' : '' }}">@if(! $notification['archived_at'])<label class="notification-select"><input type="checkbox" data-notification-select data-notification-id="{{ $notification['id'] }}" aria-label="Selecionar notificação"></label>@else<span class="notification-select-spacer" aria-hidden="true"></span>@endif<span class="notification-icon notification-icon--{{ in_array($notification['tone'], ['bad', 'warn', 'info'], true) ? $notification['tone'] : 'info' }}"><i class="ic sm">{{ $notification['icon'] }}</i></span><div class="notification-page-copy"><div class="notification-page-title"><strong>{{ $notification['title'] }}</strong>@if($notification['archived_at'])<span class="badge badge--muted plain">Arquivada</span>@endif</div><p>{{ $notification['text'] }}</p><small>{{ $notification['time'] }} · Fonte {{ datetime_br($notification['source_at']) }} · Gerada {{ datetime_br($notification['generated_at']) }}</small></div><div class="notification-page-actions"><a class="icon-btn" href="{{ url($notification['open_href']) }}" title="Abrir origem" aria-label="Abrir origem"><i class="ic sm">open_in_new</i></a>@if(! $notification['archived_at'])<form method="post" action="{{ url('notificacoes/'.$notification['id'].'/arquivar') }}" data-ajax data-reload="1" data-confirm="Arquivar esta notificação?">@csrf @method('PATCH')<button class="icon-btn" title="Arquivar notificação" aria-label="Arquivar notificação"><i class="ic sm">archive</i></button></form>@endif</div></article>@empty<div class="empty notifications-empty"><i class="ic lg">{{ $filter === 'archived' ? 'inventory_2' : 'task_alt' }}</i><p>{{ $filter === 'archived' ? 'Nenhuma notificação arquivada.' : ($filter === 'all' ? 'Nenhuma notificação registrada.' : 'Nenhuma notificação ativa.') }}</p><span class="muted small">{{ $filter === 'active' ? 'Quando houver uma ocorrência, ela aparecerá aqui.' : 'O histórico aparecerá aqui conforme as ocorrências forem geradas.' }}</span></div>@endforelse</div>
        @if($pagination['pages'] > 1)<nav class="observability-pagination notifications-page-pagination">@if($pagination['page'] > 1)<a class="btn btn--subtle btn--sm" href="{{ url('notificacoes?status='.$filter.'&page='.($pagination['page']-1)) }}">Anterior</a>@endif<span class="muted small">Página {{ $pagination['page'] }} de {{ $pagination['pages'] }}</span>@if($pagination['page'] < $pagination['pages'])<a class="btn btn--subtle btn--sm" href="{{ url('notificacoes?status='.$filter.'&page='.($pagination['page']+1)) }}">Próxima</a>@endif</nav>@endif
    </section>
@endsection