{{-- resources/views/admin/keuangan/pengaturan/_tab_siswa_jenis.blade.php --}}
{{-- Tombol Tambah --}}
<div class="d-flex mb-3">
    <button class="btn btn-primary btn-round" data-bs-toggle="modal" data-bs-target="#modalTambahJenisSiswa">
        <i class="fa fa-plus"></i> Tambah Jenis Pembayaran
    </button>
</div>

{{-- Tabel Daftar --}}
<div class="table-responsive">
    <table class="table table-striped table-hover align-middle">
        <thead class="table-dark text-center">
            <tr>
                <th>No</th>
                <th>Nama Pembayaran</th>
                <th>Kategori</th>
                <th>Nominal</th>
                <th>Tahun Ajaran</th>
                <th>Keterangan</th>
                <th>Aksi</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($jenisSiswa as $item)
                <tr class="text-center">
                    <td>{{ ($jenisSiswa->currentPage()-1) * $jenisSiswa->perPage() + $loop->iteration }}</td>
                    <td class="text-start fw-bold">{{ $item->nama_jenis }}</td>
                    <td>{{ $item->kategori_jenis }}</td>
                    <td class="text-end">Rp {{ number_format($item->nominal, 0, ',', '.') }}</td>
                    <td><span class="badge badge-info">{{ $item->tahunAjaran?->tahun_ajaran ?? 'N/A' }}</span></td>
                    <td class="text-start">{{ $item->keterangan }}</td>
                    <td>
                        <div class="btn-group" role="group">
                            <button class="btn btn-warning btn-sm" data-bs-toggle="modal" data-bs-target="#modalEditJenisSiswa-{{ $item->id }}" title="Edit">
                                <i class="fa fa-edit"></i>
                            </button>
                            <form action="{{ route('admin.keuangan-siswa-jenis.destroy', $item->id) }}" 
                                  method="POST" class="d-inline"
                                  data-confirm-delete="true"
                                  data-item-name="{{ $item->nama_jenis }} ({{ $item->tahunAjaran?->tahun_ajaran }})">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm" title="Hapus"><i class="fa fa-trash"></i></button>
                            </form>
                        </div>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" class="text-center text-muted py-4">Belum ada data jenis pembayaran siswa.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
    <div class="mt-3 d-flex justify-content-end">
        {{ $jenisSiswa->appends(['jenis_siswa_page' => $jenisSiswa->currentPage()])->links('pagination::bootstrap-5') }}
    </div>
</div>

<div class="modal fade" id="modalTambahJenisSiswa" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Tambah Jenis Pembayaran Baru</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <form method="POST" action="{{ route('admin.keuangan-siswa-jenis.store') }}">
        @csrf
        <div class="modal-body">
          <div class="mb-3">
            <label for="tahun_ajaran_id" class="form-label">Tahun Ajaran <span class="text-danger">*</span></label>
            <select class="form-select @error('tahun_ajaran_id') is-invalid @enderror" id="tahun_ajaran_id" name="tahun_ajaran_id" required>
              <option value="" disabled selected>-- Pilih Tahun Ajaran --</option>
              @foreach($tahunAjarans as $ta)
                <option value="{{ $ta->id }}">{{ $ta->tahun_ajaran }}</option>
              @endforeach
            </select>
            @error('tahun_ajaran_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          <div class="mb-3">
            <label for="nama_jenis" class="form-label">Nama Pembayaran <span class="text-danger">*</span></label>
            <input type="text" class="form-control @error('nama_jenis') is-invalid @enderror" 
                   id="nama_jenis" name="nama_jenis" value="{{ old('nama_jenis') }}" required placeholder="Contoh: SPP Bulanan">
            @error('nama_jenis') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          <div class="mb-3">
            <label for="kategori_jenis" class="form-label">Kategori <span class="text-danger">*</span></label>
            <input type="text" class="form-control @error('kategori_jenis') is-invalid @enderror" 
                   id="kategori_jenis" name="kategori_jenis" value="{{ old('kategori_jenis') }}" required placeholder="Contoh: Iuran Wajib">
            @error('kategori_jenis') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          <div class="mb-3">
            <label for="nominal" class="form-label">Nominal (Rp) <span class="text-danger">*</span></label>
            <input type="number" class="form-control @error('nominal') is-invalid @enderror" 
                   id="nominal" name="nominal" value="{{ old('nominal') }}" required placeholder="Contoh: 150000">
            @error('nominal') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          <div class="mb-3">
            <label for="keterangan" class="form-label">Keterangan</label>
            <textarea class="form-control @error('keterangan') is-invalid @enderror" 
                      id="keterangan" name="keterangan" rows="3">{{ old('keterangan') }}</textarea>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
          <button type="submit" class="btn btn-primary">Simpan</button>
        </div>
      </form>
    </div>
  </div>
</div>

@foreach ($jenisSiswa as $item)
<div class="modal fade" id="modalEditJenisSiswa-{{ $item->id }}" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Edit: {{ $item->nama_jenis }}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <form method="POST" action="{{ route('admin.keuangan-siswa-jenis.update', $item->id) }}">
        @csrf
        @method('PUT')
        <div class="modal-body">
          <div class="mb-3">
            <label for="tahun_ajaran_id-{{ $item->id }}" class="form-label">Tahun Ajaran <span class="text-danger">*</span></label>
            <select class="form-select @error('tahun_ajaran_id') is-invalid @enderror" id="tahun_ajaran_id-{{ $item->id }}" name="tahun_ajaran_id" required>
              @foreach($tahunAjarans as $ta)
                <option value="{{ $ta->id }}" {{ old('tahun_ajaran_id', $item->tahun_ajaran_id) == $ta->id ? 'selected' : '' }}>{{ $ta->tahun_ajaran }}</option>
              @endforeach
            </select>
            @error('tahun_ajaran_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          <div class="mb-3">
            <label for="nama_jenis-{{ $item->id }}" class="form-label">Nama Pembayaran <span class="text-danger">*</span></label>
            <input type="text" class="form-control @error('nama_jenis') is-invalid @enderror" 
                   id="nama_jenis-{{ $item->id }}" name="nama_jenis" 
                   value="{{ old('nama_jenis', $item->nama_jenis) }}" required>
            @error('nama_jenis') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          <div class="mb-3">
            <label for="kategori_jenis-{{ $item->id }}" class="form-label">Kategori <span class="text-danger">*</span></label>
            <input type="text" class="form-control @error('kategori_jenis') is-invalid @enderror" 
                   id="kategori_jenis-{{ $item->id }}" name="kategori_jenis" 
                   value="{{ old('kategori_jenis', $item->kategori_jenis) }}" required>
            @error('kategori_jenis') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          <div class="mb-3">
            <label for="nominal-{{ $item->id }}" class="form-label">Nominal (Rp) <span class="text-danger">*</span></label>
            <input type="number" class="form-control @error('nominal') is-invalid @enderror" 
                   id="nominal-{{ $item->id }}" name="nominal" 
                   value="{{ old('nominal', $item->nominal) }}" required>
            @error('nominal') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          <div class="mb-3">
            <label for="keterangan-{{ $item->id }}" class="form-label">Keterangan</label>
            <textarea class="form-control @error('keterangan') is-invalid @enderror" 
                      id="keterangan-{{ $item->id }}" name="keterangan" rows="3">{{ old('keterangan', $item->keterangan) }}</textarea>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
          <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endforeach