@extends('layouts.app')
@section('content')
<section class="min-vh-100 section-bg">
    <div class="container" data-aos="fade-up">
        <div class="section-title">
            <h3>Pendidikan <span>Anak Asuh</span></h3>
            <span>Materi Pembelajaran</span>
        </div>

        <div class="accordion" id="accordionExample">
            @foreach($materi_pembelajaran AS $key => $value)
            <div class="accordion-item">
                <h2 class="accordion-header">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{$key}}" aria-expanded="true" aria-controls="collapse{{$key}}">
                        {{$value->mp_nama}}
                    </button>
                </h2>
                <div id="collapse{{$key}}" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        <!-- <p> -->
                            {{$value->mp_deskripsi}}
                        <!-- </p> -->
                    </div>
                </div>
            </div>
            @endforeach
        </div>

    </div>
</section>
@endsection