{{-- resources/views/admin/akademik/nilai-siswa/show.blade.php --}}
@extends('layouts.admin')
@section('title', 'Input Nilai Siswa')

@section('content')
<div class="page-inner">
  <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row pt-2 pb-4">
    <div>
      <h3 class="fw-bold mb-3">Formulir Input Nilai Siswa</h3>
      <h6 class="op-7 mb-2">Langkah 3: Isi nilai untuk setiap siswa.</h6>
    </div>
    <div class="ms-md-auto py-2 py-md-0">
        <a href="{{ route('admin.nilai-siswa.show', ['kela' => $kelas->id]) }}" class="btn btn-secondary btn-round">
          <i class="fa fa-arrow-left"></i> Kembali Pilih Mapel
        </a>
      </div>
  </div>

  {{-- Detail Info --}}
  <div class="alert alert-info">
    <div class="row">
        <div class="col-md-4"><strong>Rombel:</strong> {{ $kelas->levelKelas->level_kelas }} - {{ $kelas->rombel }}</div>
        <div class="col-md-4"><strong>Mapel:</strong> {{ $jadwalInfo->mapel->mapelNama->nama_mapel }}</div>
        <div class="col-md-4"><strong>Guru:</strong> {{ $jadwalInfo->guru->name }}</div>
    </div>
  </div>

  <form method="POST" action="{{ route('admin.nilai-siswa.store') }}">
    @csrf
    {{-- Data Tersembunyi untuk Controller --}}
    <input type="hidden" name="kelas_id" value="{{ $kelas->id }}">
    <input type="hidden" name="mapel_id" value="{{ $jadwalInfo->mapel_id }}">
    <input type="hidden" name="guru_id" value="{{ $jadwalInfo->guru_id }}">

    <div class="row">
        <div class="col-md-12">
          <div class="card card-round shadow-sm border-0">
            <div class="card-body">
              <div class="table-responsive">
                <table class="table table-striped table-hover align-middle table-bordered">
                  <thead class="table-dark text-center">
                    <tr>
                      <th style="width: 5%;">No</th>
                      <th style="width: 25%;">Nama Siswa</th>
                      {{-- Loop Jenis Penilaian (Kolom) --}}
                      @foreach($jenisPenilaian as $jenis)
                        <th>{{ $jenis->nama_jenis }} ({{ $jenis->bobot }}%)</th>
                      @endforeach
                    </tr>
                  </thead>
                  <tbody>
                    @forelse ($siswas as $siswa)
                      <tr>
                        <td class="text-center">{{ $loop->iteration }}</td>
                        <td class="fw-bold">{{ $siswa->name }}</td>

                        {{-- Loop Kolom Nilai --}}
                        @foreach($jenisPenilaian as $jenis)
                          @php
                            // Ambil nilai yang mungkin sudah ada
                            $key = $siswa->id . '-' . $jenis->id;
                            $nilai = $nilaiData[$key]?->nilai ?? null;
                            $keterangan = $nilaiData[$key]?->keterangan ?? null;
                          @endphp
                          <td class="p-1">
                            <input type="number" step="0.01" min="0" max="100" 
                                   class="form-control form-control-sm" 
                                   name="nilai[{{ $siswa->id }}][{{ $jenis->id }}][nilai]" 
                                   value="{{ $nilai }}"
                                   placeholder="0.00">
                            {{-- Kita simpan keterangan di input tersembunyi agar tidak merusak layout --}}
                            <input type="hidden" 
                                   name="keterangan[{{ $siswa->id }}][{{ $jenis->id }}][keterangan]"
                                   value="{{ $keterangan }}">
                          </td>
                        @endforeach

                      </tr>
                    @empty
                      <tr>
                        <td colspan="{{ count($jenisPenilaian) + 2 }}" class="text-center text-muted py-4">Tidak ada siswa di Rombel ini.</td>
                      </tr>
                    @endforelse 
                  </tbody>
                </table>
              </div>
            </div>
            <div class="card-footer text-end">
                <button type="submit" class="btn btn-primary btn-round">
                    <i class="fa fa-check"></i> Simpan Semua Nilai
                </button>
            </div>
          </div>
        </div>
      </div>
  </form>
</div>
@endsection