{{-- the statement's table (slice 4ج: split out of ledger/_statement so the screen and the printable copy print the SAME
     columns from the SAME rows of App\Ledger\Statement). the balance-after columns only when $withBalance; the panel's
     «سند» column only when $forSeller, which the printable copy never sets.
     slice 11 (پ۱۱-۱, measured at 375): on the SCREEN ($stack) a narrow phone shows every row as a card, each cell with its
     column's name (data-label, the same words as the head), so nobody swipes sideways to read his own account; the
     explicit table roles keep the rows and cells announced as such once the CSS lays them out as blocks. the printable
     copy never stacks: it is laid out for paper. --}}
@php
    $stack ??= false;
    // the explicit table role of one element, only when stacked (a fixed word, never input)
    $role = fn (string $name): string => $stack ? ' role="' . $name . '"' : '';
    $labels = ['date' => 'تاریخ', 'text' => 'شرح', 'rial' => 'اثر ریالی', 'metal' => 'اثر فلز',
        'rial_after' => 'ماندهٔ ریال پس از ردیف', 'metal_after' => 'ماندهٔ همان فلز پس از ردیف', 'entry' => 'سند'];
@endphp
<table class="mz-table{{ $stack ? ' mz-table--stack' : '' }}"{!! $role('table') !!}>
    <thead{!! $role('rowgroup') !!}>
        <tr{!! $role('row') !!}>
            <th class="mz-table__cell mz-table__head" scope="col"{!! $role('columnheader') !!}>{{ $labels['date'] }}</th>
            <th class="mz-table__cell mz-table__head" scope="col"{!! $role('columnheader') !!}>{{ $labels['text'] }}</th>
            <th class="mz-table__cell mz-table__head" scope="col"{!! $role('columnheader') !!}>{{ $labels['rial'] }}</th>
            {{-- slice 5د۱ (decision 89): one metal column; each cell names its metal (طلای ۷۵۰ · نقرهٔ ۹۹۹) --}}
            <th class="mz-table__cell mz-table__head" scope="col"{!! $role('columnheader') !!}>{{ $labels['metal'] }}</th>
            @if ($withBalance)
                <th class="mz-table__cell mz-table__head" scope="col"{!! $role('columnheader') !!}>{{ $labels['rial_after'] }}</th>
                <th class="mz-table__cell mz-table__head" scope="col"{!! $role('columnheader') !!}>{{ $labels['metal_after'] }}</th>
            @endif
            @if ($forSeller)
                <th class="mz-table__cell mz-table__head" scope="col"{!! $role('columnheader') !!}>{{ $labels['entry'] }}</th>
            @endif
        </tr>
    </thead>
    <tbody{!! $role('rowgroup') !!}>
        @foreach ($rows as $row)
            <tr id="mz-entry-{{ $row['id'] }}"{!! $role('row') !!}>
                {{-- each value sits in ONE span: as a stacked card the cell is a two-column grid (name · value), and loose
                     text beside a <bdi> would become two grid items --}}
                <td class="mz-table__cell" data-label="{{ $labels['date'] }}"{!! $role('cell') !!}><span><x-mz-meta :parts="[$row['date'], $row['time']]"/></span></td>
                <td class="mz-table__cell" data-label="{{ $labels['text'] }}"{!! $role('cell') !!}><span>{{ $row['text'] }}@if ($row['reference'] !== null) — مرجع <bdi class="mz-ltr">{{ $row['reference'] }}</bdi>@endif</span></td>
                <td class="mz-table__cell" data-label="{{ $labels['rial'] }}"{!! $role('cell') !!}><bdi>{{ $row['rial'] }}</bdi></td>
                <td class="mz-table__cell" data-label="{{ $labels['metal'] }}"{!! $role('cell') !!}><bdi>{{ $row['metal'] }}</bdi></td>
                @if ($withBalance)
                    <td class="mz-table__cell" data-label="{{ $labels['rial_after'] }}"{!! $role('cell') !!}><bdi>{{ $row['rial_after'] }}</bdi></td>
                    <td class="mz-table__cell" data-label="{{ $labels['metal_after'] }}"{!! $role('cell') !!}><bdi>{{ $row['metal_after'] ?? '—' }}</bdi></td>
                @endif
                @if ($forSeller)
                    <td class="mz-table__cell" data-label="{{ $labels['entry'] }}"{!! $role('cell') !!}><span><span class="mz-meta"><span class="mz-meta__item"><a href="{{ $row['entry_url'] }}">سند {{ \App\Support\Digits::toPersian((string) $row['id']) }}</a></span>@if ($row['void_url'])<span class="mz-meta__item"><a href="{{ $row['void_url'] }}">ابطال</a></span>@endif</span></span></td>
                @endif
            </tr>
        @endforeach
    </tbody>
</table>