{{-- resources/views/admin/keuangan/pengaturan/_tab_gaji_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="#modalTambahGajiJenis">
        <i class="fa fa-plus"></i> Tambah Jenis Gaji
    </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 Jenis Gaji</th>
                <th>Kategori</th>
                <th>Nominal Default</th>
                <th>Keterangan</th>
                <th>Aksi</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($gajiJenis as $item)
                <tr class="text-center">
                    <td>{{ ($gajiJenis->currentPage()-1) * $gajiJenis->perPage() + $loop->iteration }}</td>
                    <td class="text-start fw-bold">{{ $item->nama_jenis }}</td>
                    <td><span class="badge badge-info">{{ $item->kategori?->nama_kategori ?? 'N/A' }}</span></td>
                    <td class="text-end">Rp {{ number_format($item->nominal, 0, ',', '.') }}</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="#modalEditGajiJenis-{{ $item->id }}" title="Edit">
                                <i class="fa fa-edit"></i>
                            </button>
                            <form action="{{ route('admin.keuangan-gaji-jenis.destroy', $item->id) }}" 
                                  method="POST" class="d-inline"
                                  data-confirm-delete="true"
                                  data-item-name="{{ $item->nama_jenis }}">
                                @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="6" class="text-center text-muted py-4">Belum ada data jenis gaji.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
    {{-- Paginasi --}}
    <div class="mt-3 d-flex justify-content-end">
        {{ $gajiJenis->appends(['gaji_jenis_page' => $gajiJenis->currentPage()])->links('pagination::bootstrap-5') }}
    </div>
</div>

<div class="modal fade" id="modalTambahGajiJenis" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Tambah Jenis Gaji Baru</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <form method="POST" action="{{ route('admin.keuangan-gaji-jenis.store') }}">
        @csrf
        <div class="modal-body">
          <div class="mb-3">
            <label for="kategori_id_tambah" class="form-label">Kategori Gaji <span class="text-danger">*</span></label>
            <select class="form-select @error('kategori_id') is-invalid @enderror" id="kategori_id_tambah" name="kategori_id" required>
              <option value="" disabled selected>-- Pilih Kategori --</option>
              @foreach($allGajiKategoris as $kategori)
                <option value="{{ $kategori->id }}" {{ old('kategori_id') == $kategori->id ? 'selected' : '' }}>
                  {{ $kategori->nama_kategori }}
                </option>
              @endforeach
            </select>
            @error('kategori_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          <div class="mb-3">
            <label for="nama_jenis_tambah" class="form-label">Nama Jenis Gaji <span class="text-danger">*</span></label>
            <input type="text" class="form-control @error('nama_jenis') is-invalid @enderror" 
                   id="nama_jenis_tambah" name="nama_jenis" value="{{ old('nama_jenis') }}" required placeholder="Contoh: Tunjangan Jabatan">
            @error('nama_jenis') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          <div class="mb-3">
            <label for="nominal_tambah" class="form-label">Nominal Default (Rp) <span class="text-danger">*</span></label>
            <input type="number" class="form-control @error('nominal') is-invalid @enderror" 
                   id="nominal_tambah" name="nominal" value="{{ old('nominal', 0) }}" required>
            @error('nominal') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          <div class="mb-3">
            <label for="keterangan_tambah" class="form-label">Keterangan</label>
            <textarea class="form-control @error('keterangan') is-invalid @enderror" 
                      id="keterangan_tambah" 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 ($gajiJenis as $item)
<div class="modal fade" id="modalEditGajiJenis-{{ $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-gaji-jenis.update', $item->id) }}">
        @csrf
        @method('PUT')
        <div class="modal-body">
          <div class="mb-3">
            <label for="kategori_id-{{ $item->id }}" class="form-label">Kategori Gaji <span class="text-danger">*</span></label>
            <select class="form-select @error('kategori_id') is-invalid @enderror" id="kategori_id-{{ $item->id }}" name="kategori_id" required>
              <option value="" disabled>-- Pilih Kategori --</option>
              @foreach($allGajiKategoris as $kategori)
                <option value="{{ $kategori->id }}" 
                  {{ old('kategori_id', $item->kategori_id) == $kategori->id ? 'selected' : '' }}>
                  {{ $kategori->nama_kategori }}
                </option>
              @endforeach
            </select>
            @error('kategori_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
          </div>
          <div class="mb-3">
            <label for="nama_jenis-{{ $item->id }}" class="form-label">Nama Jenis Gaji <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="nominal-{{ $item->id }}" class="form-label">Nominal Default (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