{{-- Auto Shopify sync gate: blockers / success — professional status panel --}}
@php
    $autoStatus = (string) ($import->auto_status ?? '');
    $formAuto = is_array($import->form_data) ? $import->form_data : [];
    $autoBlockers = is_array($formAuto['auto_blockers'] ?? null) ? $formAuto['auto_blockers'] : [];
    $autoWarnings = is_array($formAuto['auto_warnings'] ?? null) ? $formAuto['auto_warnings'] : [];
    // Already linked to Shopify → never keep showing a stale Auto failed/blocked banner.
    if ((bool) $import->is_auto_mode
        && filled($import->shopify_product_gid)
        && in_array($autoStatus, [
            \App\Models\ProductAiImport::AUTO_STATUS_FAILED,
            \App\Models\ProductAiImport::AUTO_STATUS_BLOCKED,
        ], true)) {
        $import->clearStaleAutoFailureAfterShopify();
        $import->refresh();
        $autoStatus = (string) ($import->auto_status ?? '');
        $formAuto = is_array($import->form_data) ? $import->form_data : [];
        $autoBlockers = is_array($formAuto['auto_blockers'] ?? null) ? $formAuto['auto_blockers'] : [];
        $autoWarnings = is_array($formAuto['auto_warnings'] ?? null) ? $formAuto['auto_warnings'] : [];
    }
    $showAutoGate = (bool) $import->is_auto_mode && in_array($autoStatus, [
        \App\Models\ProductAiImport::AUTO_STATUS_BLOCKED,
        \App\Models\ProductAiImport::AUTO_STATUS_SYNCED,
        \App\Models\ProductAiImport::AUTO_STATUS_FAILED,
        \App\Models\ProductAiImport::AUTO_STATUS_DONE,
    ], true);
    // Live re-assess when blocked so fixing fields updates the list after refresh.
    if ($showAutoGate && $autoStatus === \App\Models\ProductAiImport::AUTO_STATUS_BLOCKED) {
        try {
            $live = app(\App\Services\ProductAiShopifyReadinessService::class)->assess($import);
            $autoBlockers = $live['blockers'];
            $autoWarnings = $live['warnings'];
        } catch (\Throwable) {
            // keep stored snapshot
        }
    }
    $adminUrlGate = is_array($formAuto) ? ($formAuto['shopify_admin_url'] ?? null) : null;
    // Don't stack "draft created" on top of pending Update — one action at a time.
    $hasPendingPush = filled($import->shopify_product_gid)
        && ($import->hasPendingShopifySync() || $import->shopifyPayloadNeedsPrepare());
@endphp
@if($showAutoGate)
    @if($autoStatus === \App\Models\ProductAiImport::AUTO_STATUS_SYNCED && $import->shopify_product_gid && ! $hasPendingPush)
        <section class="pai-sync-gate pai-sync-gate--ok" aria-live="polite">
            <div class="pai-sync-gate-mark" aria-hidden="true">
                <svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M5 13l4 4L19 7" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </div>
            <div class="pai-sync-gate-body">
                <h2>Shopify draft created</h2>
                <p>{{ $import->auto_message ?: 'Auto finished and created a DRAFT in Shopify.' }}</p>
                <div class="pai-sync-gate-actions">
                    @if($adminUrlGate)
                        <a href="{{ $adminUrlGate }}" target="_blank" rel="noopener" class="btn btn-primary">Open in Shopify admin</a>
                    @endif
                    <a href="{{ route('product-ai-import.show', ['productAiImport' => $import, 'step' => 'shopify']) }}" class="btn btn-secondary">Review listing</a>
                </div>
            </div>
        </section>
    @elseif($autoStatus === \App\Models\ProductAiImport::AUTO_STATUS_FAILED && ! filled($import->shopify_product_gid))
        <section class="pai-sync-gate pai-sync-gate--fail" aria-live="polite">
            <div class="pai-sync-gate-mark" aria-hidden="true">
                <svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M12 8v5M12 16h.01M10.3 4.3L2.8 17.2A2 2 0 0 0 4.5 20h15a2 2 0 0 0 1.7-2.8L13.7 4.3a2 2 0 0 0-3.4 0z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </div>
            <div class="pai-sync-gate-body">
                <h2>Auto stopped</h2>
                <p>{{ $import->auto_message ?: ($import->error_message ?: 'Something failed during the auto pipeline.') }}</p>
                <p class="pai-sync-gate-hint">Fix the issue below, then continue the wizard and use <strong>Create Shopify Draft</strong> when ready.</p>
            </div>
        </section>
    @elseif(($autoStatus === \App\Models\ProductAiImport::AUTO_STATUS_BLOCKED || count($autoBlockers)) && ! filled($import->shopify_product_gid))
        <section class="pai-sync-gate pai-sync-gate--blocked" aria-live="polite">
            <div class="pai-sync-gate-mark" aria-hidden="true">
                <svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M12 7v6M12 16h.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
            </div>
            <div class="pai-sync-gate-body">
                <div class="pai-sync-gate-kicker">Auto · Shopify sync paused</div>
                <h2>Cannot sync until these are resolved</h2>
                <p>Everything else ran, but Shopify was not created. Resolve each item, then use <strong>Create Shopify Draft</strong> on the Shopify step.</p>
                @if(count($autoBlockers))
                    <ol class="pai-sync-blockers">
                        @foreach($autoBlockers as $b)
                            @php
                                $fix = $b['fix'] ?? 'shopify';
                                $fixUrl = $fix ? route('product-ai-import.show', ['productAiImport' => $import, 'step' => $fix]) : null;
                            @endphp
                            <li>
                                <div class="pai-sync-blocker-title">{{ $b['title'] ?? 'Issue' }}</div>
                                <div class="pai-sync-blocker-detail">{{ $b['detail'] ?? '' }}</div>
                                @if($fixUrl)
                                    <a class="pai-sync-blocker-link" href="{{ $fixUrl }}">Go to {{ ucfirst($fix) }} →</a>
                                @endif
                            </li>
                        @endforeach
                    </ol>
                @endif
                @if(count($autoWarnings))
                    <div class="pai-sync-warnings">
                        <div class="pai-sync-warnings-label">Notes (optional)</div>
                        <ul>
                            @foreach($autoWarnings as $w)
                                <li><strong>{{ $w['title'] ?? '' }}</strong> — {{ $w['detail'] ?? '' }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
        </section>
    @endif
@endif