{{-- the rows of the activity history (slice 7, PRD پ۷: «عامل، چه وقت، چه چیزی، از چه به چه»), from App\History\ActivityWords;
     rendered here only — by the history page and by the «تاریخچه» card of a product and of a customer. a LIST, not a
     wide table, so it reads at 375 without sideways scrolling (owner plan question 8). each row: what was done, by which
     actor (a colleague by name, linked), when to the second, a short summary, every «از … به …» pair (a long text in a
     closed <details>, never cut), the reason when there is one, and a link to the subject. --}}
<ol class="mz-history">
    @foreach ($rows as $row)
        <li class="mz-card mz-history__item">
            <div class="mz-history__head">
                <span class="mz-history__what">{{ $row['what'] }}</span>
                <span class="mz-pill mz-history__actor">{{ $row['actor'] }}@if ($row['actorName'] !== null): <a class="mz-history__actor-link" href="{{ $row['actorHref'] }}">{{ $row['actorName'] }}</a>@endif</span>
            </div>
            <p class="mz-hint mz-history__when">{{ $row['when'] }}</p>
            @if ($row['summary'] !== null)
                <p class="mz-history__summary">{{ $row['summary'] }}</p>
            @endif
            @if ($row['changes'] !== [])
                <ul class="mz-history__changes">
                    @foreach ($row['changes'] as $change)
                        <li class="mz-history__change">
                            @if ($change['long'])
                                <details class="mz-history__long">
                                    <summary class="mz-history__label">{{ $change['label'] }} عوض شد (متن کامل)</summary>
                                    <p class="mz-history__text"><span class="mz-hint">از:</span> {{ $change['from'] }}</p>
                                    <p class="mz-history__text"><span class="mz-hint">به:</span> {{ $change['to'] }}</p>
                                </details>
                            @else
                                <span class="mz-history__label">{{ $change['label'] }}:</span>
                                <span class="mz-history__from">{{ $change['from'] }}</span>
                                <span class="mz-hint" aria-hidden="true">←</span><span class="mz-visually-hidden">به</span>
                                <span class="mz-history__to">{{ $change['to'] }}</span>
                            @endif
                        </li>
                    @endforeach
                </ul>
            @endif
            @if ($row['reason'] !== null)
                <p class="mz-hint mz-history__reason">دلیل یا توضیح: {{ $row['reason'] }}</p>
            @endif
            @if ($row['link'] !== null)
                <a class="mz-history__link" href="{{ $row['link']['href'] }}">{{ $row['link']['label'] }}</a>
            @endif
        </li>
    @endforeach
</ol>