@php
    $variant = $variant ?? 'pre-pdwp';
    $wpPreviewOnly = ! empty($wpPreviewOnly ?? false);
    $canEditWorkingPaperBody = $canEditWorkingPaperBody ?? true;
    $canEditAttachments = (bool) $canEditWorkingPaperBody && ! $wpPreviewOnly;

    $attachmentRows = data_get($data ?? [], 'attachments', []);
    $attachmentRows = \App\Support\WorkingPaperAttachments::normalizeList($attachmentRows);

    $tableClass = match ($variant) {
        'pdwp' => 'pdwpwp-form',
        'ddwp' => 'ddwpwp-form',
        default => 'prepwp-form',
    };
    $labelClass = match ($variant) {
        'pdwp' => 'pdwpwp-label',
        'ddwp' => 'ddwpwp-label',
        default => 'prepwp-label',
    };
    $headRowClass = $variant === 'pdwp' ? 'pdwpwp-h34' : '';
    $hideBlock = ! $canEditAttachments && $attachmentRows === [];
    $workingPaper = $workingPaper ?? null;
    $canEmbedSaved = $workingPaper instanceof \App\Models\PC\WorkingPaper && (int) $workingPaper->id > 0;
@endphp
@unless ($hideBlock)
    <table class="{{ $tableClass }} wp-attachments-block" style="margin-top:-1px;">
        <colgroup>
            <col style="width:6%">
            <col style="width:94%">
        </colgroup>
        <tr @class([$headRowClass])>
            <th colspan="2" style="background:#dbe6f7; text-align:center;">Attached Documents</th>
        </tr>
        <tr @class([$headRowClass])>
            <td></td>
            <td>
                @if ($attachmentRows !== [])
                    <ol class="wp-attachments-list mb-2 pl-3" style="margin-top:4px;">
                        @foreach ($attachmentRows as $att)
                            <li class="wp-att-item" data-wp-att-id="{{ $att['id'] }}">
                                <span class="{{ $labelClass }}" style="font-weight:400;">{{ $att['name'] }}</span>
                                @if ($canEditAttachments)
                                    <button type="button" class="btn btn-sm btn-outline-danger py-0 px-1 ml-2 no-print" data-wp-att-remove="{{ $att['id'] }}" title="Remove" aria-label="Remove {{ $att['name'] }}">&times;</button>
                                @endif
                            </li>
                        @endforeach
                    </ol>
                    @if ($canEmbedSaved)
                        <div class="wp-attachments-embed">
                            @foreach ($attachmentRows as $att)
                                {!! \App\Support\WorkingPaperAttachments::embedHtml($att, $workingPaper) !!}
                            @endforeach
                        </div>
                    @endif
                @elseif ($canEditAttachments)
                    <p class="text-muted small mb-2 no-print">No documents attached yet.</p>
                @endif

                @if ($canEditAttachments)
                    <div class="wp-attachments-picker no-print mt-1">
                        <label for="wp-attachments-input" class="d-block {{ $labelClass }} mb-1">Attach documents</label>
                        <input
                            type="file"
                            id="wp-attachments-input"
                            name="wp_attachments[]"
                            class="form-control-file"
                            accept=".pdf,.jpg,.jpeg,application/pdf,image/jpeg"
                            multiple
                        >
                        <small class="text-muted d-block mt-1">PDF, JPG or JPEG. Multiple files allowed (max {{ \App\Support\WorkingPaperAttachments::MAX_FILES }}, 10 MB each).</small>
                        @error('wp_attachments')
                            <span class="text-danger small d-block">{{ $message }}</span>
                        @enderror
                        @error('wp_attachments.*')
                            <span class="text-danger small d-block">{{ $message }}</span>
                        @enderror
                    </div>
                @endif
            </td>
        </tr>
    </table>
@endunless
@if ($canEditAttachments)
    @push('scripts')
        <script>
            (function () {
                document.addEventListener('click', function (e) {
                    var btn = e.target && e.target.closest ? e.target.closest('[data-wp-att-remove]') : null;
                    if (!btn) return;
                    e.preventDefault();
                    var id = btn.getAttribute('data-wp-att-remove');
                    var item = btn.closest('.wp-att-item');
                    var form = document.getElementById('wp-form');
                    if (!id || !form) return;
                    var input = document.createElement('input');
                    input.type = 'hidden';
                    input.name = 'wp_attachments_remove[]';
                    input.value = id;
                    form.appendChild(input);
                    if (item) {
                        item.remove();
                    }
                });
            })();
        </script>
    @endpush
@endif