{{-- Compact Verification & Trust Cards --}}
@php
    $kycPct = (int) ($stats['kyc_completion_percent'] ?? 0);
    $isFullyVerified = $stats['is_fully_verified'] ?? $vendor->isFullyVerified();
    $kycStatus = $stats['kyc_status'] ?? 'Not Submitted';
    $kycNormalized = $vendor->normalizedKycStatus();
    $kycFormUrl = route('vendor.kyc.index');
    if (!$isFullyVerified && $kycPct >= 100 && !in_array($kycNormalized, ['under_review', 'on_hold'])) {
        $kycFormUrl .= '#kyc-submit-section';
    } elseif (!$isFullyVerified) {
        $kycFormUrl .= '#full-kyc-form';
    }
    $kycBtnLabel = match(true) {
        $isFullyVerified => 'View Full KYC',
        $kycNormalized === 'under_review' => 'KYC Under Review',
        $kycNormalized === 'on_hold' => 'KYC On Hold',
        $kycPct >= 100 => 'Submit Full KYC',
        default => 'Open KYC Form',
    };
@endphp

<div class="row g-2 mb-2 vd-verification-row vd-verification-row--compact">
  @unless($isFullyVerified)
  <div class="col-12 col-md-6 col-xl-3">
    <div class="vd-upgrade-card vd-upgrade-card-kyc vd-upgrade-card-full-kyc h-100">
      <div class="vd-upgrade-card-icon"><i class="bi bi-shield-lock-fill"></i></div>
      <div class="vd-upgrade-card-body flex-grow-1">
        <span class="vd-upgrade-label">Full KYC Verification</span>
        <strong class="vd-upgrade-value">{{ $kycStatus }}</strong>
        <div class="vd-kyc-progress mt-1">
          <span class="vd-kyc-progress-label">{{ $kycPct }}% complete</span>
          <div class="progress vd-kyc-progress-bar">
            <div class="progress-bar" style="width: {{ $kycPct }}%"></div>
          </div>
        </div>
        <ul class="vd-kyc-benefits">
          <li>Unlimited products</li>
          <li>Withdrawals</li>
          <li>Coupons</li>
        </ul>
        <a href="{{ $kycFormUrl }}" class="btn btn-sm btn-primary vd-full-kyc-btn w-100 mt-1">
          <i class="bi bi-box-arrow-up-right me-1"></i> {{ $kycBtnLabel }}
        </a>
      </div>
    </div>
  </div>
  @endunless
  <div class="col-6 col-md-3 col-xl-3">
    <div class="vd-upgrade-card vd-upgrade-card-trust h-100">
      <div class="vd-upgrade-card-icon"><i class="bi bi-award"></i></div>
      <div class="vd-upgrade-card-body">
        <span class="vd-upgrade-label">Trust Score</span>
        <strong class="vd-upgrade-value">{{ $stats['trust_score'] ?? 0 }}/100</strong>
        <span class="badge rounded-pill vd-trust-tier vd-trust-tier-{{ $stats['trust_tier'] ?? 'bronze' }}">
          {{ $stats['trust_tier_label'] ?? 'Bronze' }}
        </span>
      </div>
    </div>
  </div>
  <div class="col-6 col-md-3 col-xl-3">
    <div class="vd-upgrade-card vd-upgrade-card-products h-100">
      <div class="vd-upgrade-card-icon"><i class="bi bi-box-seam"></i></div>
      <div class="vd-upgrade-card-body">
        <span class="vd-upgrade-label">Products</span>
        @if($stats['product_limit'] ?? null)
          <strong class="vd-upgrade-value">{{ $stats['total_products'] }}/{{ $stats['product_limit'] }}</strong>
          <div class="progress vd-limit-progress mt-1">
            <div class="progress-bar {{ ($stats['can_add_product'] ?? true) ? 'bg-primary' : 'bg-danger' }}"
                 style="width: {{ min(100, ($stats['total_products'] / max(1, $stats['product_limit'])) * 100) }}%"></div>
          </div>
        @else
          <strong class="vd-upgrade-value">{{ $stats['total_products'] }} <small class="text-success">∞</small></strong>
        @endif
      </div>
    </div>
  </div>
  <div class="col-6 col-md-3 col-xl-3">
    <div class="vd-upgrade-card vd-upgrade-card-health h-100">
      <div class="vd-upgrade-card-icon"><i class="bi bi-heart-pulse"></i></div>
      <div class="vd-upgrade-card-body">
        <span class="vd-upgrade-label">Store Health</span>
        <strong class="vd-upgrade-value">{{ $stats['store_health_score'] ?? 0 }}%</strong>
        <div class="progress vd-limit-progress mt-1">
          <div class="progress-bar bg-success" style="width: {{ $stats['store_health_score'] ?? 0 }}%"></div>
        </div>
      </div>
    </div>
  </div>
</div>

@if(!($stats['can_add_product'] ?? true))
<div class="alert vd-limit-alert border-0 shadow-sm mb-2 py-2 px-3 d-flex align-items-center gap-2 vd-limit-alert--compact">
  <div class="vd-limit-alert-icon"><i class="bi bi-exclamation-triangle-fill"></i></div>
  <div class="flex-grow-1 small"><strong>Product limit reached.</strong> Complete Full KYC for unlimited listings.</div>
  <a href="{{ route('vendor.kyc.index') }}#full-kyc-form" class="btn btn-sm btn-primary rounded-pill px-3 flex-shrink-0">Open KYC Form</a>
</div>
@endif

@if($isShopOwner ?? auth()->user()->hasAccountRole('vendor'))
<div class="row g-2 mb-2 vd-earnings-row">
  <div class="col-4">
    <div class="vd-earnings-mini">
      <span class="vd-earnings-mini-label">Lifetime</span>
      <strong class="vd-earnings-mini-value text-success">₹{{ number_format($stats['total_sales'] ?? 0, 0) }}</strong>
    </div>
  </div>
  <div class="col-4">
    <div class="vd-earnings-mini">
      <span class="vd-earnings-mini-label">Pending</span>
      <strong class="vd-earnings-mini-value text-warning">₹{{ number_format($stats['pending_withdrawals'] ?? 0, 0) }}</strong>
    </div>
  </div>
  <div class="col-4">
    <div class="vd-earnings-mini">
      <span class="vd-earnings-mini-label">Withdrawn</span>
      <strong class="vd-earnings-mini-value text-primary">₹{{ number_format($stats['approved_withdrawals'] ?? 0, 0) }}</strong>
    </div>
  </div>
</div>
@endif