@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>Data Siswa<br></h1>

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

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

              <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="table-responsive">
                              <table class="table-striped table-bordered table">
                                  <thead class="table-dark">
                                      <tr>
                                          <th>ID</th>
                                          <th>Tahun Ajar</th>
                                          <th>Tingkat</th>
                                          <th>Laki-laki</th>
                                          <th>Perempuan</th>
                                          <th>Total</th>
                                      </tr>
                                  </thead>
                                  <tbody>
                                      @foreach ($student as $data)
                                          <tr>
                                              <td>{{ $loop->iteration }}</td>
                                              <td>{{ $data->year }}</td>
                                              <td>
                                                  @if ($data->grade === 'A')
                                                      Paket A
                                                  @elseif ($data->grade === 'B')
                                                      Paket B
                                                  @elseif ($data->grade === 'C')
                                                      Paket C
                                                  @else
                                                      {{ $data->grade }}
                                                  @endif
                                              </td>
                                              <td>{{ $data->male }}</td>
                                              <td>{{ $data->female }}</td>
                                              <td>{{ $data->male + $data->female }}</td>
                                          </tr>
                                      @endforeach
                                  </tbody>
                              </table>
                          </div>


                      </div>

                  </div>

              </div>

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



      </main>
  @endsection