<x-main-inner-page 
    category="About" title="Country Ambassador" 
    subtitle="GARI Country Ambassadors are our global representatives promoting research excellence in their respective nations."
>

@php
$members = array (
  0 => 
  array (
    'img' => '1573496359142-b8d87734a5a2',
    'name' => 'Prof. Sarah Anderson',
    'role' => 'Ambassador — USA',
    'field' => 'AI & Cognitive Science',
    'country' => 'Harvard University, USA',
    'bio' => 'Promoting GARI research standards and conference outreach across North America.',
  ),
  1 => 
  array (
    'img' => '1560250097-0b93528c311a',
    'name' => 'Dr. James Chen',
    'role' => 'Ambassador — Singapore',
    'field' => 'Renewable Energy',
    'country' => 'NUS, Singapore',
    'bio' => 'Expanding GARI\'s presence in Southeast Asian research institutions.',
  ),
  2 => 
  array (
    'img' => '1580489944761-15a19d654956',
    'name' => 'Dr. Emily Williams',
    'role' => 'Ambassador — UK',
    'field' => 'Cognitive Science',
    'country' => 'Oxford University, UK',
    'bio' => 'Strengthening GARI partnerships with European research councils.',
  ),
  3 => 
  array (
    'img' => '1507003211169-0a1dd7228f2d',
    'name' => 'Prof. Michael Brown',
    'role' => 'Ambassador — Switzerland',
    'field' => 'Cybersecurity',
    'country' => 'ETH Zurich, Switzerland',
    'bio' => 'Leading research engagement and collaboration initiatives in Switzerland.',
  ),
  4 => 
  array (
    'img' => '1573497019940-1c28c88b4f3e',
    'name' => 'Dr. Lisa Davis',
    'role' => 'Ambassador — USA West',
    'field' => 'Biotechnology',
    'country' => 'Stanford, USA',
    'bio' => 'Connecting Silicon Valley innovation hubs with GARI\'s global network.',
  ),
  5 => 
  array (
    'img' => '1472099645785-5658abf4ff4e',
    'name' => 'Prof. Robert Kumar',
    'role' => 'Ambassador — India',
    'field' => 'Economics',
    'country' => 'IIT Delhi, India',
    'bio' => 'Driving GARI outreach across South Asian academic institutions.',
  ),
  6 => 
  array (
    'img' => '1487412720507-e7ab37603c6f',
    'name' => 'Dr. Maria Costa',
    'role' => 'Ambassador — Portugal',
    'field' => 'Social Sciences',
    'country' => 'Lisbon University, Portugal',
    'bio' => 'Promoting Lusophone research communities within GARI\'s network.',
  ),
  7 => 
  array (
    'img' => '1500648767791-00dcc994a43e',
    'name' => 'Prof. David Lee',
    'role' => 'Ambassador — Korea',
    'field' => 'Engineering',
    'country' => 'Seoul National University',
    'bio' => 'Building South Korean academic bridges with GARI\'s global platform.',
  ),
  8 => 
  array (
    'img' => '1559839734-2b71ea197ec2',
    'name' => 'Dr. Priya Patel',
    'role' => 'Ambassador — India South',
    'field' => 'Public Health',
    'country' => 'AIIMS Bangalore, India',
    'bio' => 'Engaging South Indian research institutions and health faculties.',
  ),
  9 => 
  array (
    'img' => '1506794778202-cad84cf45f1d',
    'name' => 'Prof. Ethan Moore',
    'role' => 'Ambassador — UK North',
    'field' => 'Climate Science',
    'country' => 'Manchester University, UK',
    'bio' => 'Promoting GARI climate research programs across the UK and Ireland.',
  ),
);
@endphp

{{-- Section Header --}}
<div class="flex flex-col md:flex-row items-start md:items-end justify-between mb-14 gap-6">
    <div>
        <span class="text-brand-600 text-xs font-bold uppercase tracking-widest mb-2 block">Global Network</span>
        <h2 class="text-3xl font-bold text-slate-900">Country Ambassadors</h2>
        <p class="text-slate-500 mt-2 max-w-xl">Our network of country ambassadors bridges global research communities with GARI's international platform.</p>
    </div>
    <div class="flex items-center gap-2 text-sm text-slate-500 bg-white border border-slate-200 px-4 py-2.5 rounded-xl shadow-sm shrink-0">
        <i class="fas fa-users text-brand-500"></i>
        <span class="font-medium">{{ count($members) }} Members Listed</span>
    </div>
</div>

{{-- Speaker Grid --}}
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6">
    @foreach($members as $m)
        <x-speaker-card :member="$m" />
    @endforeach
</div>

</x-main-inner-page>