@php
    $variant = $variant ?? 'pre-pdwp';
    $showWpComments = $showWpComments ?? false;
    $wpComments = $wpComments ?? collect();
    $canEditWorkingPaperBody = $canEditWorkingPaperBody ?? true;
    $workingPaper = $workingPaper ?? null;
    $wpCommentsPreviewOnly = $wpCommentsPreviewOnly ?? false;
    $commentOnlyFormId = 'wp-add-comment-form';

    $creatorCommentRaw = (string) data_get($data ?? [], 'creator_comment', '');
    $creatorComment = trim((string) old('data.creator_comment', $creatorCommentRaw));
    $creatorUser = $workingPaper?->creator;
    if (! $creatorUser && $workingPaper && (int) ($workingPaper->created_by ?? 0) > 0) {
        $creatorUser = \App\Models\PC\User::query()
            ->find((int) $workingPaper->created_by);
    }
    $creatorName = trim((string) ($creatorUser?->name ?? ''));
    if ($creatorName === '' && $creatorUser) {
        $creatorName = trim((string) ($creatorUser->user_name ?? ''));
    }
    $creatorLabel = ($creatorName !== '' ? $creatorName : '—');
    $hasCreatorCommentRow = \App\Support\WorkingPaperRichTextHtml::hasVisibleContent($creatorCommentRaw);
    $hasTableRows = $hasCreatorCommentRow || $wpComments->isNotEmpty();

    $creatorCommentAtRaw = data_get($data ?? [], 'creator_comment_at');
    $creatorCommentAtLabel = null;
    if ($creatorCommentAtRaw !== null && $creatorCommentAtRaw !== '') {
        try {
            $creatorCommentAtLabel = \Illuminate\Support\Carbon::parse((string) $creatorCommentAtRaw)->timezone(config('app.timezone'))->format('d M Y, H:i');
        } catch (\Throwable $e) {
            $creatorCommentAtLabel = null;
        }
    }
    if ($creatorCommentAtLabel === null && $hasCreatorCommentRow && $workingPaper?->updated_at) {
        $creatorCommentAtLabel = $workingPaper->updated_at->timezone(config('app.timezone'))->format('d M Y, H:i');
    }

    $canAddWorkingPaperDbComment = $canAddWorkingPaperDbComment ?? false;
    $recipientIdsSelected = old('recipient_ids', $selectedRecipientIds ?? []);
    if (! is_array($recipientIdsSelected)) {
        $recipientIdsSelected = [];
    }
    $recipientIdsSelected = array_map('intval', $recipientIdsSelected);
@endphp
@if ($showWpComments)
    @if ($variant === 'pre-pdwp')
        <table class="prepwp-form wp-comments-block" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr><th colspan="2" style="background:#dbe6f7; text-align:center;">COMMENTS</th></tr>
            <tr><td class="prepwp-n">28.</td><td class="prepwp-label"><strong>Comments</strong></td></tr>
            <tr><td></td><td>
                <table class="prepwp-form wp-comments-inner" style="width:100%; margin:0;">
                    <thead>
                        <tr>
                            <th style="width:32%;">User</th>
                            <th>Comment</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if ($hasCreatorCommentRow)
                            <tr>
                                <td class="align-top">{{ $creatorLabel }}</td>
                                <td class="align-top">
                                    <div class="wp-richtext-surface wp-comment-display">{!! \App\Support\WorkingPaperRichTextHtml::display($creatorCommentRaw) !!}</div>
                                    @if ($creatorCommentAtLabel)
                                        <div class="text-muted small mt-1 no-print">{{ $creatorCommentAtLabel }}</div>
                                    @endif
                                </td>
                            </tr>
                        @endif
                        @foreach ($wpComments as $c)
                            @php
                                $userLabel = trim((string) ($c->commenter_display_name ?? ''));
                                $userLabel = $userLabel !== '' ? $userLabel : '—';
                            @endphp
                            <tr>
                                <td class="align-top">{{ $userLabel }}</td>
                                <td class="align-top">
                                    <div class="wp-richtext-surface wp-comment-display">{!! \App\Support\WorkingPaperRichTextHtml::display($c->body) !!}</div>
                                    <div class="text-muted small mt-1 no-print">{{ $c->created_at?->format('d M Y, H:i') }}</div>
                                </td>
                            </tr>
                        @endforeach
                        @unless ($hasTableRows)
                            <tr>
                                <td colspan="2" class="text-muted text-center py-3">No comments yet.</td>
                            </tr>
                        @endunless
                    </tbody>
                </table>

                @auth
                    @unless ($wpCommentsPreviewOnly)
                        <div class="mt-2 no-print wp-comment-composer">
                            @if ($canEditWorkingPaperBody)
                                <label for="wp-creator-comment" class="d-block prepwp-label mb-1">Add comment <span class="font-weight-normal text-primary">(Please add your comments below)</span></label>
                                <textarea id="wp-creator-comment" name="data[creator_comment]" class="prepwp-textarea wp-comment-composer-field @error('data.creator_comment') is-invalid @enderror" rows="3" maxlength="10000" placeholder="Add a comment…">{{ old('data.creator_comment', $creatorComment) }}</textarea>
                                @error('data.creator_comment')
                                    <span class="text-danger small d-block">{{ $message }}</span>
                                @enderror
                            @elseif ($canAddWorkingPaperDbComment)
                                <label for="wp-comment-body" class="d-block prepwp-label mb-1">Add comment</label>
                                <textarea id="wp-comment-body" name="body" form="{{ $commentOnlyFormId }}" class="prepwp-textarea wp-comment-composer-field @error('body') is-invalid @enderror" rows="3" maxlength="10000" required placeholder="Write a comment…">{{ old('body') }}</textarea>
                                @error('body')
                                    <span class="text-danger small d-block">{{ $message }}</span>
                                @enderror
                                <button type="submit" form="{{ $commentOnlyFormId }}" class="btn btn-primary btn-sm mt-2"><i class="fas fa-comment-medical mr-1"></i> Add comment</button>
                            @else
                            @endif
                        </div>
                    @endunless
                @endauth
            </td></tr>
        </table>
    @elseif ($variant === 'pdwp')
        <table class="pdwpwp-form wp-comments-block" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr class="pdwpwp-h34"><th colspan="2" style="background:#dbe6f7; text-align:center;">COMMENTS</th></tr>
            <tr class="pdwpwp-h34"><td class="pdwpwp-n">17.</td><td class="pdwpwp-label"><strong>Comments</strong></td></tr>
            <tr class="pdwpwp-h34"><td></td><td>
                <table class="pdwpwp-form wp-comments-inner" style="width:100%; margin:0;">
                    <thead>
                        <tr class="pdwpwp-h24">
                            <th class="pdwpwp-center" style="width:32%;">User</th>
                            <th>Comment</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if ($hasCreatorCommentRow)
                            <tr class="pdwpwp-h24">
                                <td class="align-top">{{ $creatorLabel }}</td>
                                <td class="align-top">
                                    <div class="wp-richtext-surface wp-comment-display">{!! \App\Support\WorkingPaperRichTextHtml::display($creatorCommentRaw) !!}</div>
                                    @if ($creatorCommentAtLabel)
                                        <div class="text-muted small mt-1 no-print">{{ $creatorCommentAtLabel }}</div>
                                    @endif
                                </td>
                            </tr>
                        @endif
                        @foreach ($wpComments as $c)
                            @php
                                $userLabel = trim((string) ($c->commenter_display_name ?? ''));
                                $userLabel = $userLabel !== '' ? $userLabel : '—';
                            @endphp
                            <tr class="pdwpwp-h24">
                                <td class="align-top">{{ $userLabel }}</td>
                                <td class="align-top">
                                    <div class="wp-richtext-surface wp-comment-display">{!! \App\Support\WorkingPaperRichTextHtml::display($c->body) !!}</div>
                                    <div class="text-muted small mt-1 no-print">{{ $c->created_at?->format('d M Y, H:i') }}</div>
                                </td>
                            </tr>
                        @endforeach
                        @unless ($hasTableRows)
                            <tr class="pdwpwp-h24">
                                <td colspan="2" class="text-muted text-center py-3">No comments yet.</td>
                            </tr>
                        @endunless
                    </tbody>
                </table>

                @auth
                    @unless ($wpCommentsPreviewOnly)
                        <div class="mt-2 no-print wp-comment-composer">
                            @if ($canEditWorkingPaperBody)
                                <label for="wp-creator-comment" class="d-block pdwpwp-label mb-1">Add comment <span class="font-weight-normal text-primary">(Please add your comments below)</span></label>
                                <textarea id="wp-creator-comment" name="data[creator_comment]" class="pdwpwp-textarea wp-comment-composer-field @error('data.creator_comment') is-invalid @enderror" rows="3" maxlength="10000" placeholder="Add a comment…">{{ old('data.creator_comment', $creatorComment) }}</textarea>
                                @error('data.creator_comment')
                                    <span class="text-danger small d-block">{{ $message }}</span>
                                @enderror
                            @elseif ($canAddWorkingPaperDbComment)
                                <label for="wp-comment-body" class="d-block pdwpwp-label mb-1">Add comment</label>
                                <textarea id="wp-comment-body" name="body" form="{{ $commentOnlyFormId }}" class="pdwpwp-textarea wp-comment-composer-field @error('body') is-invalid @enderror" rows="3" maxlength="10000" required placeholder="Write a comment…">{{ old('body') }}</textarea>
                                @error('body')
                                    <span class="text-danger small d-block">{{ $message }}</span>
                                @enderror
                                <button type="submit" form="{{ $commentOnlyFormId }}" class="btn btn-primary btn-sm mt-2"><i class="fas fa-comment-medical mr-1"></i> Add comment</button>
                            @else
                            @endif
                        </div>
                    @endunless
                @endauth
            </td></tr>
        </table>
    @else
        {{-- ddwp --}}
        <table class="ddwpwp-form wp-comments-block" style="margin-top:-1px;">
            <colgroup><col style="width:6%"><col style="width:94%"></colgroup>
            <tr><th colspan="2" style="background:#dbe6f7; text-align:center;">COMMENTS</th></tr>
            <tr><td class="ddwpwp-n">27.</td><td class="ddwpwp-label"><strong>Comments</strong></td></tr>
            <tr><td></td><td>
                <table class="ddwpwp-form wp-comments-inner" style="width:100%; margin:0;">
                    <thead>
                        <tr>
                            <th style="width:32%;">User</th>
                            <th>Comment</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if ($hasCreatorCommentRow)
                            <tr>
                                <td class="align-top">{{ $creatorLabel }}</td>
                                <td class="align-top">
                                    <div class="wp-richtext-surface wp-comment-display">{!! \App\Support\WorkingPaperRichTextHtml::display($creatorCommentRaw) !!}</div>
                                    @if ($creatorCommentAtLabel)
                                        <div class="text-muted small mt-1 no-print">{{ $creatorCommentAtLabel }}</div>
                                    @endif
                                </td>
                            </tr>
                        @endif
                        @foreach ($wpComments as $c)
                            @php
                                $userLabel = trim((string) ($c->commenter_display_name ?? ''));
                                $userLabel = $userLabel !== '' ? $userLabel : '—';
                            @endphp
                            <tr>
                                <td class="align-top">{{ $userLabel }}</td>
                                <td class="align-top">
                                    <div class="wp-richtext-surface wp-comment-display">{!! \App\Support\WorkingPaperRichTextHtml::display($c->body) !!}</div>
                                    <div class="text-muted small mt-1 no-print">{{ $c->created_at?->format('d M Y, H:i') }}</div>
                                </td>
                            </tr>
                        @endforeach
                        @unless ($hasTableRows)
                            <tr>
                                <td colspan="2" class="text-muted text-center py-3">No comments yet.</td>
                            </tr>
                        @endunless
                    </tbody>
                </table>

                @auth
                    @unless ($wpCommentsPreviewOnly)
                        <div class="mt-2 no-print wp-comment-composer">
                            @if ($canEditWorkingPaperBody)
                                <label for="wp-creator-comment" class="d-block ddwpwp-label mb-1">Add comment <span class="font-weight-normal text-primary">(Please add your comments below)</span></label>
                                <textarea id="wp-creator-comment" name="data[creator_comment]" class="ddwpwp-textarea wp-comment-composer-field @error('data.creator_comment') is-invalid @enderror" rows="3" maxlength="10000" placeholder="Add a comment…">{{ old('data.creator_comment', $creatorComment) }}</textarea>
                                @error('data.creator_comment')
                                    <span class="text-danger small d-block">{{ $message }}</span>
                                @enderror
                            @elseif ($canAddWorkingPaperDbComment)
                                <label for="wp-comment-body" class="d-block ddwpwp-label mb-1">Add comment</label>
                                <textarea id="wp-comment-body" name="body" form="{{ $commentOnlyFormId }}" class="ddwpwp-textarea wp-comment-composer-field @error('body') is-invalid @enderror" rows="3" maxlength="10000" required placeholder="Write a comment…">{{ old('body') }}</textarea>
                                @error('body')
                                    <span class="text-danger small d-block">{{ $message }}</span>
                                @enderror
                                <button type="submit" form="{{ $commentOnlyFormId }}" class="btn btn-primary btn-sm mt-2"><i class="fas fa-comment-medical mr-1"></i> Add comment</button>
                            @else
                            @endif
                        </div>
                    @endunless
                @endauth
            </td></tr>
        </table>
    @endif

    @if (isset($shareableUsers) && ($canEditWorkingPaperBody ?? false) && empty($isWorkingPaperSubmitted) && ! ($wpCommentsPreviewOnly ?? false))
        @auth
            <div class="no-print wp-recipients-field mt-3" style="max-width: 40rem;">
                <label for="wp-recipient-ids" class="d-block mb-1 font-weight-bold">Forward to another section for comments</label>
                <p class="text-muted small mb-1">You can forward to additional users in separate rounds until you Submit. Keep previously selected users checked if they should retain access.</p>
                <select name="recipient_ids[]" id="wp-recipient-ids" class="form-control @error('recipient_ids') is-invalid @enderror" multiple="multiple">
                    @foreach ($shareableUsers as $u)
                        @php
                            $uid = (int) $u->id;
                            $uname = trim((string) ($u->name ?? ''));
                            if ($uname === '') {
                                $uname = trim((string) ($u->user_name ?? ''));
                            }
                            $uname = $uname !== '' ? $uname : 'User #'.$uid;
                        @endphp
                        <option value="{{ $uid }}" @selected(in_array($uid, $recipientIdsSelected, true))>{{ $uname }}</option>
                    @endforeach
                </select>
                @error('recipient_ids')
                    <span class="text-danger small d-block mt-1">{{ $message }}</span>
                @enderror
            </div>
        @endauth
    @endif
@endif