@if (! empty($stats))
@php $statIcons = ['heart', 'users', 'utensils', 'book', 'leaf', 'gift']; @endphp
<section @class(['stats', 'stats--split' => ! empty($split)]) aria-label="Our impact in numbers">
    <div class="container">
        <div class="stats__layout">
            @if (! empty($split))
                <header class="stats__intro reveal">
                    <p class="kicker">Our impact so far</p>
                    <h2>Turning kindness into <span class="hl">action</span></h2>
                    <p>Every number here started with one person deciding to help. Together, small gifts add up to meals served, children in school and families cared for.</p>
                    <ul class="stats__pts">
                        <li><svg class="i" aria-hidden="true"><use href="#i-check"/></svg>Every rupee tracked</li>
                        <li><svg class="i" aria-hidden="true"><use href="#i-check"/></svg>Real stories from the field</li>
                    </ul>
                    <a class="btn btn--white btn--lg" href="{{ route('impact') }}">See our impact <svg class="i" aria-hidden="true"><use href="#i-arrow"/></svg></a>
                </header>
            @elseif (empty($plain))
                <header class="section__head">
                    <p class="kicker">Our impact so far</p>
                    <h2>Turning kindness into action</h2>
                </header>
            @endif
            <ul class="stats__grid">
                @foreach ($stats as $i => $s)
                    <li class="stat">
                        <span class="stat__icon" aria-hidden="true"><svg class="i i--lg"><use href="#i-{{ $statIcons[$i % count($statIcons)] }}"/></svg></span>
                        <strong class="stat__num" data-count="{{ (int) $s['value'] }}" data-suffix="{{ $s['suffix'] ?? '' }}">{{ \App\Support\Fmt::indian($s['value']) }}{{ $s['suffix'] ?? '' }}</strong>
                        <span class="stat__label">{{ $s['label'] }}</span>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
</section>
@endif