<x-conference-layout>
<x-slot name="title">Academic Partners – {{ $conference['title'] ?? 'Conference' }}</x-slot>

    {{-- HERO --}}
    <x-conference-inner-hero
    pageTitle="Academic Partners"
    label="Partners"
    subtitle="Meet our valued academic partner institutions who co-host and jointly promote this event globally."
/>

<section class="bg-white">
    <div class="max-w-7xl mx-auto px-6 lg:px-8">

        {{-- Intro + stats --}}
        <div class="py-16 border-b border-gray-100">
            <div class="grid grid-cols-1 lg:grid-cols-3 gap-12 items-start">
                <div class="lg:col-span-2">
                    <p class="text-xl text-gray-600 font-light leading-relaxed">
                        We collaborate with world-class universities, research centres, and academic associations across the globe. Our partnerships support joint publication, co-organised sessions, and shared research initiatives.
                    </p>
                </div>
                <div class="grid grid-cols-2 gap-4">
                    @foreach([['50+','Partner Universities'],['30+','Countries'],['100+','Joint Publications'],['10+','Years Active']] as $stat)
                    <div class="border border-gray-100 rounded-xl px-5 py-6 text-center">
                        <p class="text-2xl font-black text-gray-900 mb-1">{{ $stat[0] }}</p>
                        <p class="text-[10px] text-gray-400 font-bold uppercase tracking-widest">{{ $stat[1] }}</p>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>

        {{-- Partner institutions --}}
        <div class="py-16 border-b border-gray-100">
            <h2 class="text-2xl font-bold font-serif text-gray-900 mb-10">Partner Institutions</h2>
            <div class="border border-gray-100 rounded-2xl overflow-hidden">
                @foreach([
                    ['University of Oxford','United Kingdom','Europe','Joint research and special sessions'],
                    ['University of Tokyo','Japan','Asia-Pacific','Co-organised workshops and publications'],
                    ['IE Business School','Spain','Europe','Research exchange and curriculum collaboration'],
                    ['NUS Business School','Singapore','Asia-Pacific','Dual-publication agreements'],
                    ['TU Munich','Germany','Europe','Student and faculty exchange programmes'],
                    ['IIM Ahmedabad','India','South Asia','Joint symposia and workshops'],
                    ['University of Cape Town','South Africa','Africa','Research grant and publishing partnerships'],
                    ['INSEAD','France','Europe','Executive education and research initiatives'],
                    ['Seoul National University','South Korea','Asia-Pacific','Conference co-hosting and joint review panels'],
                    ['MIT Sloan','United States','Americas','Research collaboration and case study sharing'],
                ] as $i => $u)
                <div class="grid grid-cols-12 {{ $i % 2 === 0 ? 'bg-white' : 'bg-gray-50' }} hover:bg-orange-50/40 transition-colors border-b border-gray-100 last:border-0">
                    <div class="col-span-12 md:col-span-4 px-7 py-5 md:border-r border-gray-100">
                        <p class="font-bold text-gray-900 text-sm">{{ $u[0] }}</p>
                    </div>
                    <div class="col-span-6 md:col-span-2 px-7 py-5 md:border-r border-gray-100">
                        <p class="text-xs text-gray-400 font-bold uppercase tracking-wider mb-0.5">Country</p>
                        <p class="text-sm text-gray-600">{{ $u[1] }}</p>
                    </div>
                    <div class="col-span-6 md:col-span-2 px-7 py-5 md:border-r border-gray-100">
                        <p class="text-xs text-gray-400 font-bold uppercase tracking-wider mb-0.5">Region</p>
                        <p class="text-sm text-gray-600">{{ $u[2] }}</p>
                    </div>
                    <div class="col-span-12 md:col-span-4 px-7 py-5">
                        <p class="text-xs text-gray-400 font-bold uppercase tracking-wider mb-0.5">Partnership Type</p>
                        <p class="text-sm text-gray-600">{{ $u[3] }}</p>
                    </div>
                </div>
                @endforeach
            </div>
        </div>

        {{-- Become a partner --}}
        <div class="py-16 border-b border-gray-100">
            <div class="grid grid-cols-1 lg:grid-cols-3 gap-16">
                <div>
                    <h2 class="text-2xl font-bold font-serif text-gray-900 mb-4">Become a Partner</h2>
                    <p class="text-gray-500 text-sm leading-relaxed">Partnering with us provides exceptional visibility among an international community of researchers and enables ongoing academic exchange.</p>
                </div>
                <div class="lg:col-span-2 grid grid-cols-1 sm:grid-cols-2 gap-6">
                    @foreach([
                        ['MoU Partnerships','Formal agreements covering joint research, dual-publication, and mutual scholarly recognition.'],
                        ['Media Partnerships','Co-branding and content collaboration for digital and print conference materials.'],
                        ['Regional Representation','Represent the conference in your country or region and build a local research community.'],
                        ['Student Associations','Special membership rates and programming for affiliated student organisations and bodies.'],
                    ] as $p)
                    <div class="p-6 border border-gray-100 rounded-xl hover:border-orange-100 hover:shadow-sm transition-all">
                        <h4 class="font-bold text-gray-900 mb-2 text-sm">{{ $p[0] }}</h4>
                        <p class="text-xs text-gray-500 leading-relaxed">{{ $p[1] }}</p>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>

        {{-- CTA --}}
        <div class="py-16">
            <div class="bg-gray-50 border border-gray-200 rounded-2xl p-10 md:p-14 flex flex-col md:flex-row items-center justify-between gap-8 relative overflow-hidden">
                <div class="absolute left-0 top-0 bottom-0 w-1 bg-orange-500 rounded-l-2xl"></div>
                <div class="md:max-w-xl">
                    <h3 class="text-2xl font-bold font-serif text-gray-900 mb-2">Interested in becoming an academic partner?</h3>
                    <p class="text-gray-500 text-sm leading-relaxed">Contact the conference secretariat to request a partnership information pack and discuss a bespoke arrangement for your institution.</p>
                </div>
                <a href="{{ route('conference.contact-us', $conference['slug']) }}" class="shrink-0 px-8 py-4 bg-gray-900 hover:bg-orange-600 text-white font-bold text-sm rounded-xl transition-colors uppercase tracking-wide">
                    Request Partnership Kit
                </a>
            </div>
        </div>

    </div>
</section>

</x-conference-layout>
