{{--
    Grid table with row selection. Expects: $grid, $rows (paginator), $columns, $editUrl (closure), $emptyTitle.
    Must be rendered inside an x-data="crmGrid(...)" element.
--}}
@php
    $key = $grid->engine->keyAlias();
    $showTask = $grid->hasActivitySummary() && ! array_intersect(array_keys($columns), ['status', 'subject']);
@endphp
<style x-text="hiddenCss"></style>

{{-- Selection bar --}}
<div x-cloak x-show="selected.length || scope === 'filtered'" x-transition
     class="flex flex-wrap items-center gap-3 border-b border-brand-200 bg-brand-50/70 px-4 py-2.5 text-sm dark:border-brand-500/20 dark:bg-brand-500/10">
    <span class="font-medium text-ink-900 dark:text-white">
        <span x-text="count.toLocaleString()"></span> selected
        <span x-show="scope === 'filtered'" class="font-normal text-ink-500">(all matching records{{ $rows->total() > \App\Services\Crm\SavedViewGrid::MAX_SELECTION ? ', first '.number_format(\App\Services\Crm\SavedViewGrid::MAX_SELECTION) : '' }})</span>
    </span>
    @if ($rows->total() > $rows->count())
        <button type="button" x-show="allOnPage && scope !== 'filtered'" class="font-medium text-brand-700 hover:underline dark:text-brand-400" @click="scope = 'filtered'">
            Select all {{ number_format(min($rows->total(), \App\Services\Crm\SavedViewGrid::MAX_SELECTION)) }} matching records
        </button>
    @endif
    <button type="button" class="text-ink-500 hover:text-ink-900 dark:hover:text-white" @click="clear()">Clear selection</button>
    <div class="ml-auto flex flex-wrap gap-2">@isset($actionsView) @include($actionsView) @endisset</div>
</div>

@if ($rows->isEmpty())
    <x-empty-state :title="$emptyTitle ?? 'No records found'" message="Try another view, status or search, or clear the filters." icon="heroicon-o-circle-stack" />
@else
    <div class="table-wrap max-h-[70vh] overflow-y-auto">
        <table class="table table-compact">
            <thead>
                <tr>
                    <th class="w-10">
                        <input type="checkbox" class="form-checkbox" :checked="allOnPage" @change="togglePage()" aria-label="Select page">
                    </th>
                    @foreach ($columns as $name => $c)
                        <th data-col="{{ $name }}">
                            @if ($c['sortable'])<x-sort-link :column="$name" :label="$c['label']" />@else{{ $c['label'] }}@endif
                        </th>
                    @endforeach
                    @if ($showTask)<th>Latest task</th>@endif
                </tr>
            </thead>
            <tbody class="divide-y divide-ink-100 dark:divide-ink-800">
                @foreach ($rows as $row)
                    @php($rid = (int) $row->{$key})
                    <tr :class="selected.includes({{ $rid }}) && '!bg-brand-50/70 dark:!bg-brand-500/10'">
                        <td><input type="checkbox" class="form-checkbox" value="{{ $rid }}" x-model.number="selected" @change="scope = 'selected'" aria-label="Select row"></td>
                        @foreach ($columns as $name => $c)
                            <td data-col="{{ $name }}">@include('crm.partials.saved-view-cell', ['col' => $c])</td>
                        @endforeach
                        @if ($showTask)
                            <td>
                                @if ($a = $row->_activity ?? null)
                                    @php($tone = match (strtolower((string) $a->status)) { 'completed' => 'badge-green', 'in progress' => 'badge-amber', 'not started' => 'badge-blue', default => 'badge-gray' })
                                    <div class="flex items-center gap-2">
                                        <span class="badge {{ $tone }}">{{ $a->status ?: '—' }}</span>
                                        <span class="max-w-[10rem] truncate text-xs text-ink-500" title="{{ $a->subject }} · {{ $a->final_remark_ins_loan }}">{{ $a->user_name ?: 'User #'.$a->user_id }}</span>
                                        @if ($a->count > 1)<span class="text-[11px] text-ink-400" title="Tasks for this record">+{{ $a->count - 1 }}</span>@endif
                                    </div>
                                @else
                                    <span class="text-xs text-ink-400">Not allocated</span>
                                @endif
                            </td>
                        @endif
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <x-pagination-bar :paginator="$rows" />
@endif