{{-- 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-3">
    <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.</h6>
    </div>
  </div>

  @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show shadow-sm" role="alert">
        <i class="fa fa-check-circle me-2"></i> {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
  @endif
  @if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show shadow-sm" role="alert">
        <i class="fa fa-exclamation-triangle me-2"></i> {{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
  @endif

  <div class="card border-0 shadow-sm rounded-4 mb-4">
    <div class="card-body p-3">
      <form action="{{ route('admin.jabatan-rekap.index') }}" method="GET" class="m-0" id="filterForm">
        <div class="row g-3 align-items-end">
          
          <div class="col-md-3">
            <label class="form-label fw-bold small text-muted mb-1"><i class="fas fa-calendar-alt me-1"></i> Tahun Ajaran</label>
            <select name="tahun_ajaran_id" class="form-select border-primary-subtle bg-light fw-bold" onchange="this.form.submit()">
              <option value="">-- Semua Tahun --</option>
              @foreach($tahunAjarans as $ta)
                <option value="{{ $ta->id }}" {{ (string)request('tahun_ajaran_id') === (string)$ta->id ? 'selected' : '' }}>
                  {{ $ta->tahun_ajaran }} {{ $ta->is_active ? '(Aktif)' : '' }}
                </option>
              @endforeach
            </select>
          </div>

          <div class="col-md-3">
            <label class="form-label fw-bold small text-muted mb-1"><i class="fas fa-user-tag me-1"></i> Tipe Pegawai</label>
            <select name="tipe" class="form-select border-primary-subtle bg-light fw-bold" onchange="this.form.submit()">
              <option value="">-- Semua Pegawai --</option>
              <option value="guru" {{ request('tipe') == 'guru' ? 'selected' : '' }}>Guru / Pengajar</option>
              <option value="karyawan" {{ request('tipe') == 'karyawan' ? 'selected' : '' }}>Karyawan / Staf</option>
            </select>
          </div>

          <div class="col-md-3">
            <label class="form-label fw-bold small text-muted mb-1"><i class="fas fa-info-circle me-1"></i> Status Jabatan</label>
            <select name="status" class="form-select border-primary-subtle bg-light fw-bold" onchange="this.form.submit()">
              <option value="">-- Semua Status --</option>
              <option value="Aktif" {{ request('status') == 'Aktif' ? 'selected' : '' }}>Aktif Menjabat</option>
              <option value="Selesai" {{ request('status') == 'Selesai' ? 'selected' : '' }}>Selesai / Purna</option>
              <option value="Nonaktif" {{ request('status') == 'Nonaktif' ? 'selected' : '' }}>Nonaktif / Dicabut</option>
            </select>
          </div>

          <div class="col-md-3">
            @if(request()->hasAny(['tipe', 'status', 'tahun_ajaran_id']))
                <a href="{{ route('admin.jabatan-rekap.index') }}" class="btn btn-outline-secondary w-100 fw-bold"><i class="fa fa-sync-alt me-1"></i> Reset Filter</a>
            @else
                <button type="submit" class="btn btn-primary w-100 fw-bold"><i class="fa fa-filter me-1"></i> Terapkan</button>
            @endif
          </div>

        </div>
      </form>
    </div>
  </div>

  <div class="row">
    <div class="col-md-12">
      <div class="card card-round shadow-sm border-0">
        <div class="card-header d-flex justify-content-between align-items-center py-3 flex-wrap gap-3">
          <div class="card-title text-dark mb-0" style="font-size: 1.1rem;">
              <i class="fa fa-briefcase me-2 text-primary"></i> Daftar Rekap Penugasan
          </div>
          <a href="{{ route('admin.jabatan-rekap.create') }}" class="btn btn-primary btn-round shadow-sm">
            <i class="fa fa-plus me-1"></i> Tambah Penugasan
          </a>
        </div>
        
        <div class="card-body p-0">
          <div class="table-responsive">
            <table class="table table-striped table-hover align-middle mb-0">
              <thead class="table-dark text-center align-middle">
                <tr>
                  <th width="5%">No</th>
                  <th width="25%" class="text-start px-4">Nama Pegawai & Tipe</th>
                  <th width="25%" class="text-start px-3">Jabatan & Keterangan</th>
                  <th width="20%">Periode Penugasan</th>
                  <th width="15%">Status</th>
                  <th width="10%">Aksi</th>
                </tr>
              </thead>
              <tbody>
                @forelse($rekaps as $rekap)
                  <tr class="text-center bg-white">
                    <td class="fw-bold">{{ ($rekaps->currentPage()-1) * $rekaps->perPage() + $loop->iteration }}</td>
                    
                    <td class="text-start px-4">
                      @if($rekap->guru)
                        <div class="fw-bold text-dark text-uppercase mb-1" style="font-size: 1.05rem;">{{ $rekap->guru->name }}</div>
                        <span class="badge bg-info shadow-sm"><i class="fas fa-chalkboard-teacher me-1"></i> Guru</span>
                      @elseif($rekap->karyawan)
                        <div class="fw-bold text-dark text-uppercase mb-1" style="font-size: 1.05rem;">{{ $rekap->karyawan->name }}</div>
                        <span class="badge bg-secondary shadow-sm"><i class="fas fa-desktop me-1"></i> Karyawan</span>
                      @else
                        <span class="text-muted fst-italic">Pegawai Terhapus</span>
                      @endif
                    </td>

                    <td class="text-start px-3 lh-sm">
                      <div class="fw-bold text-primary mb-1"><i class="fas fa-star text-warning me-1"></i> {{ $rekap->jabatanNama->nama_jabatan ?? '-' }}</div>
                      <div class="small text-muted fst-italic">{{ \Illuminate\Support\Str::limit($rekap->keterangan ?? 'Tanpa keterangan khusus.', 50) }}</div>
                    </td>

                    <td>
                      <div class="fw-bold text-dark mb-1">TA. {{ $rekap->tahunAjaran->tahun_ajaran ?? '-' }} {{ $rekap->semester ? '(Smt '.$rekap->semester->semester.')' : '' }}</div>
                      <div class="small text-muted">
                          {{ optional($rekap->tanggal_mulai)->format('d/m/Y') ?? '?' }} s.d {{ optional($rekap->tanggal_selesai)->format('d/m/Y') ?? 'Sekarang' }}
                      </div>
                    </td>

                    <td>
                      @php 
                        $st = $rekap->status; 
                        $badgeColor = match($st) {
                            'Aktif' => 'success',
                            'Selesai' => 'primary',
                            'Nonaktif' => 'danger',
                            default => 'secondary'
                        };
                      @endphp
                      <span class="badge bg-{{ $badgeColor }} shadow-sm px-3 py-2">
                        {{ strtoupper($st) }}
                      </span>
                    </td>

                    <td>
                      <div class="btn-group" role="group">
                        <a href="{{ route('admin.jabatan-rekap.edit', $rekap->id) }}" class="btn btn-warning btn-sm shadow-sm" data-bs-toggle="tooltip" title="Edit Penugasan">
                          <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="Penugasan {{ $rekap->jabatanNama->nama_jabatan ?? '' }}">
                          @csrf @method('DELETE')
                          <button type="submit" class="btn btn-danger btn-sm shadow-sm" data-bs-toggle="tooltip" title="Hapus Penugasan"><i class="fa fa-trash"></i></button>
                        </form>
                      </div>
                    </td>
                  </tr>
                @empty
                  <tr>
                    <td colspan="6" class="text-center text-muted py-5">
                      <i class="fa fa-briefcase fa-3x mb-3 opacity-25"></i>
                      <h5>Belum Ada Data Penugasan Jabatan</h5>
                      <p class="mb-0">Silakan tambahkan data penugasan menggunakan tombol di sudut kanan atas.</p>
                    </td>
                  </tr>
                @endforelse
              </tbody>
            </table>
          </div>

          @if(method_exists($rekaps, 'links') && $rekaps->hasPages())
          <div class="mt-4 pb-3 d-flex justify-content-end px-3">
            {{ $rekaps->withQueryString()->links('pagination::bootstrap-5') }}
          </div>
          @endif
        </div>
      </div>
    </div>
  </div>
</div>

@push('scripts')
<script>
document.addEventListener("DOMContentLoaded", function() {
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl)
    });
});
</script>
@endpush
@endsection