{{-- 
    :::faq
    - q: "What's the minimum capital to start?"
      a: "You can start with as little as $50 using the $5 AI plan tier."
    - q: "How long is one trading cycle?"
      a: "30 days. Capital and profits return to your wallet on completion."
    :::
    
    Also emits FAQPage JSON-LD via a hidden script tag for structured data.
--}}
@php $items = $items ?? []; @endphp

@if(!empty($items))
<div style="margin: 2.5rem 0; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; background: #ffffff;">
    @foreach($items as $i => $qa)
        <details style="border-bottom: {{ $i < count($items) - 1 ? '1px solid #f1f5f9' : 'none' }};" @if($i === 0) open @endif>
            <summary style="padding: 1.25rem 1.5rem; cursor: pointer; font-family: 'DM Sans', sans-serif; font-size: 1.0625rem; font-weight: 600; color: #0f172a; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem;">
                <span>{{ $qa['q'] ?? '' }}</span>
                <span aria-hidden="true" style="flex-shrink: 0; color: #f97316; font-size: 1.25rem; transition: transform 0.2s ease;">+</span>
            </summary>
            <div style="padding: 0 1.5rem 1.5rem; font-family: 'IBM Plex Serif', Georgia, serif; font-size: 1rem; color: #475569; line-height: 1.7;">
                {!! nl2br(e($qa['a'] ?? '')) !!}
            </div>
        </details>
    @endforeach
</div>

@php
    $faqSchema = [
        '@context' => 'https://schema.org',
        '@type' => 'FAQPage',
        'mainEntity' => array_map(function ($qa) {
            return [
                '@type' => 'Question',
                'name' => $qa['q'] ?? '',
                'acceptedAnswer' => [
                    '@type' => 'Answer',
                    'text' => $qa['a'] ?? '',
                ],
            ];
        }, $items),
    ];
@endphp
<script type="application/ld+json">{!! json_encode($faqSchema, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) !!}</script>
@endif