@if ($perm['editar'])
    <p class="small text-muted mb-3">
        <i class="fa-solid fa-hand"></i> {{ __('Arraste os cards entre as colunas para mudar o status.') }}
    </p>
@endif

<div id="demandas-quadro"
     data-url-mover="{{ route('admin.demandas.mover', '__ID__') }}"
     data-msg-saved="{{ __('Status atualizado.') }}"
     data-msg-error="{{ __('Erro ao salvar. Recarregue a página.') }}"
     data-status-color="{{ json_encode(\App\Enums\StatusDemanda::colorMap()) }}"
     data-url-dest-status="{{ route('admin.demandas.destinatarios.status', ['__DID__', '__DESTID__']) }}">

    <div class="row g-3">
        @foreach ($statusLabels as $sKey => $sLabel)
            <div class="col-12 col-sm-6 col-xl-3">
                <div class="dm-kanban-col-compact">

                    <div class="d-flex align-items-center justify-content-between rounded-3 px-3 py-2 mb-2 bg-{{ \App\Enums\StatusDemanda::tryFrom($sKey)?->color() ?? 'secondary' }}"
                        <span class="fw-bold small text-white">{{ __($sLabel) }}</span>
                        <span class="badge dm-col-badge" data-col-status="{{ $sKey }}"
                              style="background:rgba(255,255,255,.28);color:#fff;">{{ ($porStatus[$sKey] ?? collect())->count() }}</span>
                    </div>

                    <div class="dm-kanban-body p-1" data-status="{{ $sKey }}" data-droppable="1">
                        @forelse ($porStatus[$sKey] ?? collect() as $d)
                            <div class="dm-kanban-card-compact mb-2 shadow-sm dm-kanban-card"
                                 style="border-left:4px solid var(--bs-{{ $d->status_color }});"
                                 draggable="true"
                                 data-demanda-id="{{ $d->id }}"
                                 data-status="{{ $d->status }}"
                                 data-destinatario-id="{{ $d->destinatarioPorUsuario($userId)?->id ?? '' }}">
                                <div class="p-2">
                                    <div class="d-flex justify-content-between align-items-start mb-1">
                                        <small class="text-muted" style="font-size:11px;">{{ $d->numero }}</small>
                                        <span class="badge bg-{{ $d->prioridade_color }} ms-1" style="font-size:11px;">{{ __($prioridades[$d->prioridade] ?? $d->prioridade) }}</span>
                                    </div>
                                    <a href="{{ route('admin.demandas.show', $d->id) }}"
                                       class="fw-semibold small text-dark text-decoration-none d-block lh-sm"
                                       draggable="false">
                                        {{ $d->titulo }}
                                    </a>
                                    @if ($d->unidade)
                                        <small class="text-muted d-block mt-1" style="font-size:11px;">{{ $d->unidade->abbreviation }}</small>
                                    @endif
                                </div>
                            </div>
                        @empty
                            <div class="dm-kanban-empty rounded-2 text-muted text-center small py-3">
                                {{ __('Nenhuma demanda') }}
                            </div>
                        @endforelse
                    </div>

                    @if (in_array($sKey, ['atendido', 'cancelado']) && ($totaisFinais[$sKey] ?? 0) > 0)
                        <a href="{{ route('admin.demandas.index', ['layout' => 'lista', 'aba' => $aba, 'status' => $sKey]) }}"
                           class="d-block text-center small py-2 text-muted text-decoration-none border-top mt-1">
                            {{ __('ver todos') }} ({{ $totaisFinais[$sKey] }}) →
                        </a>
                    @endif

                </div>
            </div>
        @endforeach
    </div>

</div>