{{-- resources/views/public/programs.blade.php --}}

  <section id="programs" class="section-spacing section-bg-white">
   <div class="container">
    <div class="text-center mb-5">
     <h2 class="section-title">Program Unggulan</h2>
     <p class="text-muted" style="font-size: 1.1rem;">Berbagai program unggulan yang kami tawarkan</p>
    </div>
    <div class="row g-4">
     @foreach($profil->program_unggulan ?? [
        ['icon'=>'bi-book','judul'=>"Tahfidz Qur'an",'desc'=>"Program menghafal Al-Qur'an dengan metode modern, dipandu oleh hafidz berpengalaman, dan didukung lingkungan Islami yang mendukung."],
        ['icon'=>'bi-globe','judul'=>'Bahasa Arab & Inggris','desc'=>'Pembelajaran bahasa dengan native speaker, metode komunikatif, dan persiapan sertifikasi internasional untuk meningkatkan kompetensi linguistik.'],
        ['icon'=>'bi-laptop','judul'=>'Teknologi & Komputer','desc'=>'Program literasi digital dan coding untuk mempersiapkan siswa menghadapi era industri 4.0 dengan skill teknologi yang relevan.'],
        ['icon'=>'bi-heart','judul'=>'Karakter Islami','desc'=>'Pembentukan akhlak mulia melalui pembiasaan, keteladanan guru, dan pembelajaran nilai-nilai Islam dalam setiap aktivitas.'],
        ['icon'=>'bi-palette','judul'=>'Ekstrakurikuler','desc'=>'Berbagai kegiatan ekstrakurikuler meliputi olahraga, seni, robotika, dan akselerasi akademik untuk pengembangan bakat siswa.'],
        ['icon'=>'bi-house','judul'=>'Boarding / Asrama','desc'=>'Program penginapan dengan fasilitas lengkap, bimbingan spiritual, dan pembinaan kepribadian 24 jam untuk siswa yang memilih.'],
     ] as $program)
     <div class="col-md-6 col-lg-4">
      <div class="program-card">
       <div class="program-icon"><i class="bi {{ $program['icon'] }}"></i>
       </div>
       <h5>{{ $program['judul'] }}</h5>
       <p>{{ $program['desc'] }}</p>
      </div>
     </div>
     @endforeach
    </div>
   </div>
  </section>