{{-- resources/views/admin/kesiswaan/absensi-siswa/create.blade.php --}}
@extends('layouts.admin')
@section('title', 'Isi Absensi 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 Absensi KBM Siswa</h3>
      <h6 class="op-7 mb-2">Langkah 3: Isi absensi untuk setiap siswa.</h6>
    </div>
    <div class="ms-md-auto py-2 py-md-0">
        <a href="{{ route('admin.absensi-siswa.show', ['kela' => $kelas->id, 'tanggal' => $tanggal]) }}" class="btn btn-secondary btn-round">
          <i class="fa fa-arrow-left"></i> Kembali Pilih Jadwal
        </a>
      </div>
  </div>

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

    <div class="row">
        <div class="col-md-12">
          <div class="card card-round shadow-sm border-0">
            <div class="card-header">
              <div class="card-title">
                Detail KBM: <strong>{{ $jadwal->mapel->mapelNama->nama_mapel }}</strong> 
                (Rombel: {{ $kelas->levelKelas->level_kelas }} - {{ $kelas->rombel }})
              </div>
            </div>
            <div class="card-body">
              <div class="table-responsive">
                <table class="table table-striped table-hover align-middle">
                  <thead class="table-dark text-center">
                    <tr>
                      <th style="width: 5%;">No</th>
                      <th style="width: 25%;">Nama Siswa</th>
                      <th style="width: 30%;">Status Kehadiran <span class="text-danger">*</span></th>
                      <th style="width: 40%;">Keterangan</th>
                    </tr>
                  </thead>
                  <tbody>
                    @forelse ($siswas as $siswa)
                      @php
                        // Ambil data absensi yang mungkin sudah ada
                        $statusTerpilih = $absensiData[$siswa->id] ?? 'Hadir';
                        $keterangan = $keteranganData[$siswa->id] ?? '';
                      @endphp
                      <tr>
                        <td class="text-center">{{ $loop->iteration }}</td>
                        <td class="fw-bold">{{ $siswa->name }}</td>
                        <td>
                          {{-- Dropdown Status --}}
                          <select class="form-select form-select-sm" name="absensi[{{ $siswa->id }}][status]" required>
                            {{-- Loop dari ENUM/Data Master --}}
                            @foreach($statusEnum as $status)
                              <option value="{{ $status }}" {{ $statusTerpilih == $status ? 'selected' : '' }}>
                                {{ $status }}
                              </option>
                            @endforeach
                          </select>
                        </td>
                        <td>
                          {{-- Input Keterangan --}}
                          <input type="text" class="form-control form-control-sm" 
                                 name="absensi[{{ $siswa->id }}][keterangan]" 
                                 value="{{ $keterangan }}"
                                 placeholder="Keterangan (jika Izin/Sakit)...">
                        </td>
                      </tr>
                    @empty
                      <tr>
                        <td colspan="4" 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 Absensi Siswa
                </button>
            </div>
          </div>
        </div>
      </div>
  </form>
</div>
@endsection