@foreach ($pelanggarans as $data)
<div class="modal fade" id="openModel_{{ $data->id_pelanggaran }}" tabindex="-1"
    aria-labelledby="openModalLabel_{{ $data->id_pelanggaran }}" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5 font-bold" id_pelanggaran="openModalLabel_{{ $data->id_pelanggaran }}">
                    DATA PELANGGARAN</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" style="max-height: 70vh; overflow-y: auto;">
                <h2 class="modal-title fs-9 font-bold text-center">POIN PELANGGARAN TATA TERTIB SISWA </h2>
                <h2 class="modal-title fs-9 font-bold text-center">SMK NEGERI 1 BOJONGPICUNG </h2>
                <br>
                <br>
                <div class="container">
                    <div class="row mb-2">
                        <div class="col-6 d-flex">
                            <strong class="me-2">NAMA SISWA :</strong>
                            <span>{{ $data->siswa->nama_siswa }}</span>
                        </div>
                        <div class="col-6 d-flex">
                            <strong class="me-2">WALI KELAS :</strong>
                            <span>{{ $data->guru->nama_guru ?? '-' }}</span>
                        </div>
                    </div>

                    <div class="row mb-2">
                        <div class="col-6 d-flex">
                            <strong class="me-2">KELAS :</strong>
                            <p>{{ $data->siswa->kelas }}</p>
                        </div>
                    </div>
                </div>
                <br>
                <br>

                @php
                // Ambil data pelanggaran berdasarkan id_siswa
                $siswa = \App\Models\Pelanggaran::where('id_siswa', $data->id_siswa)->get();

                // Hitung total poin pelanggaran
                $totalPelanggaran = $siswa->sum(function ($item) {
                return $item->point->point ?? 0;
                });

                // Tentukan keterangan otomatis berdasarkan total
                $ket = '';

                if ($data->saldo_pelanggaran >= 100) {
                $ket = 'Dikembalikan kepada Orang Tua';
                } elseif ($data->saldo_pelanggaran >= 80) {
                $ket = 'Pemanggilan Orang Tua / SP3';
                } elseif ($data->saldo_pelanggaran >= 70) {
                $ket = 'Pemanggilan Orang Tua / SP2';
                } elseif ($data->saldo_pelanggaran >= 30) {
                $ket = 'Pemanggilan Orang Tua / SP1';
                } else {
                $ket = '-';
                }
                @endphp

                <div class="container my-4">

                    {{-- Header --}}
                    <div class="row fw-bold text-uppercase bg-light border py-2 text-center">
                        <div class="col">No</div>
                        <div class="col">Tanggal</div>
                        <div class="col">Jenis Pelanggaran</div>
                        <div class="col">Poin</div>
                        <div class="col">Saldo</div>
                        <div class="col">Keterangan</div>
                    </div>

                    {{-- Isi --}}
                    @forelse($siswa as $index => $item)
                    <div class="row text-center border-bottom py-2">
                        <div class="col">{{ $index + 1 }}</div>
                        <div class="col">{{ \Carbon\Carbon::parse($item->tanggal)->format('d-m-Y') }}</div>
                        <div class="col">{{ $item->point->jenis_pelanggaran }}</div>
                        <div class="col">{{ $item->point->point }}</div>
                        <div class="col">{{ $item->saldo_pelanggaran }}</div>
                        <div class="col">
                            @if ($loop->last)
                            <span class="badge bg-info text-dark">{{ $ket }}</span>
                            @else
                            <span class="badge bg-secondary">-</span>
                            @endif
                        </div>
                    </div>
                    @empty
                    <div class="text-center text-muted py-3">Tidak ada data pelanggaran.</div>
                    @endforelse

                    {{-- Total Pelanggaran --}}
                    <div class="row mt-3">
                        <div class="col text-end">
                            <strong>Total Pelanggaran: {{ $totalPelanggaran }}</strong>
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <x-secondary-button tag="a" data-bs-dismiss="modal">Batal</x-secondary-button>
                </div>
            </div>
        </div>
    </div>
</div>
@endforeach