{{-- resources/views/admin/kepegawaian/jabatan-rekap/index.blade.php --}}
@extends('layouts.admin')
@section('title', 'Rekap Jabatan & Penugasan')

@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">Manajemen Kepegawaian: Rekap Jabatan & Penugasan</h3>
      <h6 class="op-7 mb-2">
        Kelola riwayat jabatan dan penugasan guru maupun karyawan per tahun ajaran dan semester.
      </h6>
    </div>
    <div class="ms-md-auto py-2 py-md-0">
      <a href="{{ route('admin.jabatan-rekap.create') }}" class="btn btn-primary btn-round">
        <i class="fa fa-plus"></i> Tambah Rekap Jabatan
      </a>
    </div>
  </div>

  {{-- Flash success --}}
  @if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
  @endif

  <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 mb-0 d-flex justify-content-between align-items-center">
            <span><i class="fa fa-briefcase me-2"></i> Daftar Rekap Jabatan</span>
          </div>
        </div>
        <div class="card-body">

          {{-- Filter --}}
          <form method="GET" class="row g-2 mb-3">
            <div class="col-md-3">
              <label class="form-label">Tipe Pegawai</label>
              <select name="tipe" class="form-control">
                <option value="">-- Semua --</option>
                <option value="guru" {{ request('tipe') == 'guru' ? 'selected' : '' }}>Guru</option>
                <option value="karyawan" {{ request('tipe') == 'karyawan' ? 'selected' : '' }}>Karyawan</option>
              </select>
            </div>
            <div class="col-md-3">
              <label class="form-label">Status</label>
              <select name="status" class="form-control">
                <option value="">-- Semua --</option>
                <option value="Aktif" {{ request('status') == 'Aktif' ? 'selected' : '' }}>Aktif</option>
                <option value="Nonaktif" {{ request('status') == 'Nonaktif' ? 'selected' : '' }}>Nonaktif</option>
                <option value="Selesai" {{ request('status') == 'Selesai' ? 'selected' : '' }}>Selesai</option>
              </select>
            </div>
            <div class="col-md-3">
              <label class="form-label">Tahun Ajaran</label>
              <select name="tahun_ajaran_id" class="form-control">
                <option value="">-- Semua --</option>
                @foreach($tahunAjarans as $ta)
                  <option value="{{ $ta->id }}" {{ (string)request('tahun_ajaran_id') === (string)$ta->id ? 'selected' : '' }}>
                    {{ $ta->tahun_ajaran }}
                  </option>
                @endforeach
              </select>
            </div>
            <div class="col-md-3 d-flex align-items-end">
              <button type="submit" class="btn btn-primary me-2">
                <i class="fa fa-filter me-1"></i> Terapkan
              </button>
              <a href="{{ route('admin.jabatan-rekap.index') }}" class="btn btn-secondary">
                Reset
              </a>
            </div>
          </form>

          <div class="table-responsive">
            <table class="table table-striped table-hover align-middle">
              <thead class="table-dark text-center">
                <tr>
                  <th>No</th>
                  <th>Pegawai</th>
                  <th>Jabatan</th>
                  <th>Periode</th>
                  <th>Tgl. Mulai</th>
                  <th>Tgl. Selesai</th>
                  <th>Status</th>
                  <th>Keterangan</th>
                  <th>Aksi</th>
                </tr>
              </thead>
              <tbody>
                @forelse($rekaps as $rekap)
                  <tr class="text-center">
                    <td>{{ ($rekaps->currentPage()-1) * $rekaps->perPage() + $loop->iteration }}</td>
                    <td class="text-start">
                      @if($rekap->guru)
                        <span class="fw-bold">{{ $rekap->guru->name }}</span>
                        <br><small class="badge bg-info">Guru</small>
                      @elseif($rekap->karyawan)
                        <span class="fw-bold">{{ $rekap->karyawan->name }}</span>
                        <br><small class="badge bg-secondary">Karyawan</small>
                      @else
                        <span class="text-muted">-</span>
                      @endif
                    </td>
                    <td class="text-start">
                      {{ $rekap->jabatanNama->nama ?? '-' }}
                    </td>
                    <td>
                      {{ $rekap->tahunAjaran->tahun_ajaran ?? '-' }}
                      @if($rekap->semester)
                        <br><small class="text-muted">Semester {{ $rekap->semester->semester }}</small>
                      @endif
                    </td>
                    <td>{{ optional($rekap->tanggal_mulai)->format('d/m/Y') ?? '-' }}</td>
                    <td>{{ optional($rekap->tanggal_selesai)->format('d/m/Y') ?? '-' }}</td>
                    <td>
                      @php $st = $rekap->status; @endphp
                      <span class="badge
                        @if($st === 'Aktif') bg-success
                        @elseif($st === 'Nonaktif') bg-secondary
                        @elseif($st === 'Selesai') bg-info
                        @else bg-light text-dark @endif">
                        {{ $rekap->status }}
                      </span>
                    </td>
                    <td class="text-start">
                      {{ \Illuminate\Support\Str::limit($rekap->keterangan ?? '-', 40) }}
                    </td>
                    <td>
                      <div class="btn-group" role="group">
                        <a href="{{ route('admin.jabatan-rekap.edit', $rekap->id) }}"
                           class="btn btn-warning btn-sm"
                           title="Edit">
                          <i class="fa fa-edit"></i>
                        </a>
                        <form action="{{ route('admin.jabatan-rekap.destroy', $rekap->id) }}"
                              method="POST"
                              class="d-inline"
                              data-confirm-delete="true"
                              data-item-name="Rekap jabatan {{ $rekap->jabatanNama->nama ?? '' }}">
                          @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="9" class="text-center text-muted py-4">
                      Belum ada data rekap jabatan.
                    </td>
                  </tr>
                @endforelse
              </tbody>
            </table>
          </div>

          <div class="mt-3 d-flex justify-content-end">
            {{ $rekaps->links('pagination::bootstrap-5') }}
          </div>

        </div>
      </div>
    </div>
  </div>
</div>
@endsection