@php
    $partnerCategories = [
        [
            'id' => 'banking',
            'label' => 'Banking',
            'title' => 'Banking Partners',
            'description' => 'Helping SMEs access business banking, financing, and financial inclusion opportunities.',
            'icon' => 'building',
            'partners' => [
                ['name' => 'NCBA', 'logo' => 'ncba.png'],
                ['name' => 'I&M Bank', 'logo' => 'imbank.png'],
                ['name' => 'GT Bank', 'logo' => 'gtbank.png'],
                ['name' => 'Sidian Bank', 'logo' => 'sidian.png'],
                ['name' => 'UBA Bank', 'logo' => 'uba.png'],
                ['name' => 'Bank of Kigali', 'logo' => 'bank-of-kigali.png'],
                ['name' => 'CRDB Bank', 'logo' => 'crdb.png'],
            ],
        ],
        [
            'id' => 'payments',
            'label' => 'Payments',
            'title' => 'Payment Partners',
            'description' => 'Enabling secure mobile money, card payments, collections, and reconciliation.',
            'icon' => 'credit-card',
            'partners' => [
                ['name' => 'Visa', 'logo' => 'visa.svg'],
                ['name' => 'Mastercard', 'logo' => 'mastercard.svg'],
                ['name' => 'M-Pesa', 'logo' => 'mpesa.png'],
                ['name' => 'Pesapal', 'logo' => 'pesapal.png'],
                ['name' => 'DPO', 'logo' => 'dpo.png'],
                ['name' => 'MTN', 'logo' => 'mtn.png'],
            ],
        ],
        [
            'id' => 'fintech',
            'label' => 'Fintech',
            'title' => 'Fintech Partners',
            'description' => 'Driving innovation and financial inclusion for SMEs.',
            'icon' => 'arrow-up-right',
            'partners' => [
                ['name' => 'Loop', 'logo' => 'loop.png'],
                ['name' => 'Pezesha', 'logo' => 'pezesha.png'],
                ['name' => 'Fortune Credit', 'logo' => 'fortune-credit.png'],
                ['name' => 'LipaLater', 'logo' => 'lipalater.png'],
                ['name' => 'Bolttech', 'logo' => 'bolttech.png'],
                ['name' => 'WorkPay', 'logo' => 'workpay.png'],
                ['name' => 'Leta', 'logo' => 'leta.png'],
                ['name' => 'Digitax', 'logo' => 'digitax.png'],
                ['name' => 'Verto FX', 'logo' => 'vertofx.png'],
            ],
        ],
        [
            'id' => 'technology',
            'label' => 'Technology',
            'title' => 'Technology Partners',
            'description' => 'Integrating technologies that improve operational efficiency.',
            'icon' => 'layout-grid',
            'partners' => [
                ['name' => 'Google Cloud', 'logo' => 'google-cloud.svg'],
                ['name' => 'Servercore', 'logo' => 'servercore.png'],
                ['name' => 'Safaricom', 'logo' => 'safaricom.png'],
                ['name' => 'OnFon', 'logo' => 'onfon.png'],
                ['name' => 'Africa\'s Talking', 'logo' => 'africastalking.png'],
            ],
        ],
        [
            'id' => 'development',
            'label' => 'Development',
            'title' => 'Development Partners',
            'description' => 'Collaborating with organizations committed to impact.',
            'icon' => 'globe',
            'partners' => [
                ['name' => 'Alibaba Philanthropy', 'logo' => 'alibaba.svg'],
                ['name' => 'Jack Ma Foundation', 'logo' => 'jack-ma-foundation.png'],
                ['name' => 'Africa Business Heroes', 'logo' => 'africa-business-heroes.png'],
                ['name' => 'Google Startups Accelerator', 'logo' => 'google.png'],
                ['name' => 'Google Black Founders Fund', 'logo' => 'google.png'],
                ['name' => 'Growth Africa Accelerator', 'logo' => 'growth-africa.png'],
                ['name' => 'TotalEnergies Startupper Challenge', 'logo' => 'totalenergies.png'],
            ],
        ],
        [
            'id' => 'education',
            'label' => 'Education',
            'title' => 'Financial Education Partners',
            'description' => 'Building practical money and business skills for entrepreneurs.',
            'icon' => 'users',
            'partners' => [
                ['name' => 'MSEA', 'logo' => 'msea.png'],
                ['name' => 'Assek', 'logo' => 'assek.png'],
                ['name' => 'Abojani', 'logo' => 'abojani.png'],
                ['name' => 'Komini', 'logo' => 'komini.png'],
                ['name' => 'FSD Kenya', 'logo' => 'fsd-kenya.png'],
                ['name' => 'Fintech Association of Kenya', 'logo' => 'fintech-kenya.png'],
                ['name' => 'Sav Skills', 'logo' => 'sav-skills.png'],
            ],
        ],
    ];

    $partnerStats = [
        ['icon' => 'users', 'value' => '50+', 'label' => 'Trusted Partners'],
        ['icon' => 'globe', 'value' => '10,000+', 'label' => 'SMEs Impacted'],
        ['icon' => 'coins', 'value' => '$200K', 'label' => 'SME financing unlocked'],
    ];

    $partnerNavTabs = [];
    foreach ($partnerCategories as $index => $category) {
        $partnerNavTabs[] = [
            'label' => $category['label'],
            'attrs' => [
                'id' => 'partners-tab-' . $category['id'],
                'role' => 'tab',
                'aria-selected' => $index === 0 ? 'true' : 'false',
                'aria-controls' => 'partners-panel-' . $category['id'],
                'data-partners-tab' => $category['id'],
            ],
        ];
    }
@endphp

@php
    $partnersLayout = $layout ?? 'home';
@endphp

<section
    class="partners-section{{ $partnersLayout === 'impact' ? ' partners-section--impact' : '' }}"
    id="partners"
    aria-labelledby="partners-title"
>
    <div class="partners-shell">
        <header class="partners-header reveal">
            <span class="partners-badge">Partners</span>
            <h2 class="partners-title" id="partners-title">
                Powered by Partnerships.<br>Built for SME Growth
            </h2>
            <p class="partners-lead">We work with leading banks, fintechs, insurers, payment providers, governments, and development organizations to help SMEs access the tools, financing, and opportunities they need to grow.</p>
        </header>

        @include('partials.home.scrollable-tab-nav', [
            'tabs' => $partnerNavTabs,
            'scrollId' => 'partners-nav-scroll',
            'navLabel' => 'Partner categories',
            'wrapperClass' => 'partners-tab-nav',
        ])

        <div class="partners-card reveal">
            <div class="partners-panels" aria-live="polite">
                @foreach ($partnerCategories as $index => $category)
                    <article
                        class="partners-panel{{ $index === 0 ? ' is-active' : '' }}"
                        id="partners-panel-{{ $category['id'] }}"
                        role="tabpanel"
                        aria-labelledby="partners-tab-{{ $category['id'] }}"
                        data-partners-panel="{{ $category['id'] }}"
                        @if ($index !== 0) hidden @endif
                    >
                        <div class="partners-logo-grid" aria-label="{{ $category['title'] }} logos">
                            @foreach ($category['partners'] as $partner)
                                <div
                                    class="partner-logo-card flag-tip"
                                    data-tooltip="{{ $partner['name'] }}"
                                    aria-label="{{ $partner['name'] }}"
                                >
                                    <img
                                        src="{{ asset('img/partners/' . $partner['logo']) }}"
                                        alt=""
                                        width="160"
                                        height="80"
                                        loading="lazy"
                                        decoding="async"
                                    >
                                </div>
                            @endforeach
                        </div>
                    </article>
                @endforeach
            </div>

            <div class="partners-stats" aria-label="Partnership impact">
                @foreach ($partnerStats as $stat)
                    <div class="partners-stat">
                        <span class="partners-stat-icon" aria-hidden="true">
                            <x-icon name="{{ $stat['icon'] }}" />
                        </span>
                        <div class="partners-stat-copy">
                            <p class="partners-stat-value">{{ $stat['value'] }}</p>
                            <p class="partners-stat-label">{{ $stat['label'] }}</p>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>

        @if ($partnersLayout !== 'impact')
            <div class="partners-cta reveal">
                <a href="{{ route('impact.program', 'partnerships') }}" class="offerings-cta">View our partners in detail</a>
            </div>
        @endif
    </div>
</section>