@extends('theme')
  @section('content')
      <main class="main">

          <!-- Page Title -->
          <div class="page-title" data-aos="fade">
              <div class="heading">
                  <div class="container">
                      <div class="row d-flex justify-content-center text-center">
                          <div class="col-lg-8">
                              <h1>Informasi<br></h1>

                          </div>
                      </div>
                  </div>
              </div>
              <nav class="breadcrumbs">
                  <div class="container">
                      <ol>
                          <li><a href="/">Home</a></li>
                          <li class="current">Informasi<br></li>
                      </ol>
                  </div>
              </nav>
          </div><!-- End Page Title -->

          <!-- About Us Section -->
          <section id="courses" class="courses section">

              <div class="container">

                  <div class="row gy-4">


                      <div class="col-lg-12 order-lg-1 content order-2" data-aos="fade-up" data-aos-delay="200">
                          <h3>PKBM Cinta Damai</h3>


                          <div class="row">
                              @foreach ($news as $data)
                                  <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in"
                                      data-aos-delay="100">
                                      <div class="course-item">
                                          <img src="{{ asset('storage/' . $data->image) }}" class="img-fluid"
                                              alt="...">
                                          <div class="course-content">
                                              <div class="d-flex justify-content-between align-items-center mb-3">
                                                  <p class="category">{{ $data->type }}</p>
                                                  <p class="price">{{ $data->created_at->diffForHumans() }}</p>
                                              </div>

                                              <h3><a href="/postdetail/{{ $data->slug }}">{{ $data->title }}</a></h3>
                                              <p class="description">{!! substr($data->description, 0, 100) !!}.</p>
                                              <div class="trainer d-flex justify-content-between align-items-center">
                                                  <div class="trainer-profile d-flex align-items-center">

                                                      <a href="" class="trainer-link">Admin</a>
                                                  </div>

                                              </div>
                                          </div>
                                      </div>
                                  </div> <!-- End Course Item-->
                              @endforeach

                              <div class="justify-content-center mt-4">
                                  {{ $news->links('pagination::bootstrap-5') }}
                              </div>
                          </div>

                      </div>

                  </div>

          </section><!-- /About Us Section -->



      </main>
  @endsection