{{-- Product metafields: editable (auto-filled still editable; choice fields show allowed options) --}}
@php
    $mfFilled = $metafieldPlan['filled'] ?? [];
    $mfNeeds = $metafieldPlan['needs_you'] ?? [];
    $mfManual = is_array($form['guide_metafield_manual'] ?? null) ? $form['guide_metafield_manual'] : [];
    $mfAll = array_merge($mfFilled, $mfNeeds);
@endphp
@if(count($mfAll))
    <div class="pai-mf-plan" id="pai-mf-plan"
         data-reparse-url="{{ route('product-ai-import.reparse-metafields', $import) }}">
        <div class="pai-mf-plan-head">
            <div class="pai-mf-plan-copy">
                <strong>Product metafields</strong>
                <span class="pai-hint" style="margin:0;">
                    Only fields the <em>guide product</em> already has filled. Auto values are editable — changes save automatically (and again on Create/Update Shopify).
                    <span class="pai-hint pai-mf-autosave" id="pai-mf-autosave" aria-live="polite"></span>
                </span>
            </div>
            <button type="button"
                    class="btn btn-secondary pai-mf-reread-btn"
                    id="pai-mf-reread"
                    title="Parse Product notes again and fill what we can">
                Re-read notes
            </button>
        </div>
        <p class="pai-mf-reread-hint">
            Notes still look wrong? Fix them on <strong>Details</strong>, then use <strong>Re-read notes</strong> — we’ll map Diamond, Weight, Length, clarity, and more without wiping your guide.
        </p>

        @if(count($mfFilled))
            <div class="pai-mf-section">
                <div class="pai-mf-section-label">Filled (editable)</div>
                <div class="pai-mf-grid pai-mf-grid--edit">
                    @foreach($mfFilled as $row)
                        @include('product_ai_import.partials.guide_metafield_input', [
                            'row' => $row,
                            'mfManual' => $mfManual,
                            'mode' => 'filled',
                        ])
                    @endforeach
                </div>
            </div>
        @endif

        @if(count($mfNeeds))
            <div class="pai-mf-section pai-mf-section--needs">
                <div class="pai-mf-section-label">
                    Needs you
                    <span class="pai-mf-count">{{ count($mfNeeds) }}</span>
                </div>
                <p class="pai-hint" style="margin:0 0 0.65rem;">
                    The guide has these filled, but I couldn’t set them from your notes. Fill or leave blank to skip.
                    <strong>Saves automatically</strong> as you type — or try <strong>Re-read notes</strong> above.
                </p>
                <div class="pai-mf-grid pai-mf-grid--edit">
                    @foreach($mfNeeds as $row)
                        @include('product_ai_import.partials.guide_metafield_input', [
                            'row' => $row,
                            'mfManual' => $mfManual,
                            'mode' => 'needs',
                        ])
                    @endforeach
                </div>
            </div>
        @endif
    </div>
@elseif(trim((string) ($import->product_details ?? '')) !== '' && filled($guideProductId ?? null))
    <div class="pai-mf-plan pai-mf-plan--empty" id="pai-mf-plan"
         data-reparse-url="{{ route('product-ai-import.reparse-metafields', $import) }}">
        <div class="pai-mf-plan-head">
            <div class="pai-mf-plan-copy">
                <strong>Product metafields</strong>
                <span class="pai-hint" style="margin:0;">Guide is set, but nothing mapped yet from notes.</span>
            </div>
            <button type="button" class="btn btn-secondary pai-mf-reread-btn" id="pai-mf-reread">
                Re-read notes
            </button>
        </div>
    </div>
@endif