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

@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-1">Manajemen Kepegawaian: Tambah Penugasan</h3>
      <h6 class="op-7 mb-0">Catat dan berikan SK penugasan baru kepada Guru atau Karyawan.</h6>
    </div>
    <div class="ms-md-auto py-2 py-md-0">
      <a href="{{ route('admin.jabatan-rekap.index') }}" class="btn btn-secondary btn-round shadow-sm">
        <i class="fa fa-arrow-left me-1"></i> Kembali ke Daftar
      </a>
    </div>
  </div>

  @if($errors->any())
    <div class="alert alert-danger shadow-sm">
      <h6 class="fw-bold mb-1"><i class="fas fa-exclamation-triangle me-1"></i> Terjadi Kesalahan:</h6>
      <ul class="mb-0 small">
        @foreach($errors->all() as $err)
          <li>{{ $err }}</li>
        @endforeach
      </ul>
    </div>
  @endif

  <div class="card card-round shadow-sm border-0 mt-2">
    <div class="card-header bg-dark text-white py-3">
      <div class="card-title text-white mb-0" style="font-size: 1.1rem;">
        <i class="fa fa-briefcase me-2 text-warning"></i> Form Tambah Rekap Jabatan Baru
      </div>
    </div>
    
    <div class="card-body p-4">
      <form action="{{ route('admin.jabatan-rekap.store') }}" method="POST">
        @csrf

        <div class="row">
          <div class="col-md-6 pe-md-4">
            <h6 class="fw-bold text-dark border-bottom pb-2 mb-3"><i class="fas fa-id-badge text-primary me-2"></i>Pihak yang Ditugaskan</h6>
            
            <div class="mb-3">
              <label class="form-label fw-bold">Nama Jabatan <span class="text-danger">*</span></label>
              <select name="jabatan_nama_id" class="form-select border-primary-subtle bg-light fw-bold shadow-none" required>
                <option value="">-- Pilih Jabatan --</option>
                @foreach($jabatanNamas as $j)
                    <option value="{{ $j->id }}" {{ old('jabatan_nama_id') == $j->id ? 'selected' : '' }}>
                    {{ $j->nama_jabatan }}
                    </option>
                @endforeach
              </select>
            </div>

            <div class="alert alert-warning small border-0 shadow-sm p-3 mb-3">
                <i class="fas fa-info-circle me-1"></i> <strong>Aturan Pengisian:</strong> Anda hanya boleh mengisi salah satu dari form di bawah ini (Pilih Guru <strong>ATAU</strong> Karyawan).
            </div>

            <div class="mb-3">
              <label class="form-label fw-bold">Pilih Guru (Opsional)</label>
              <select name="guru_id" class="form-select shadow-none">
                <option value="">-- Tidak Ada --</option>
                @foreach($gurus as $guru)
                  <option value="{{ $guru->id }}" {{ old('guru_id') == $guru->id ? 'selected' : '' }}>
                    {{ $guru->name }}
                  </option>
                @endforeach
              </select>
            </div>

            <div class="mb-4">
              <label class="form-label fw-bold">Pilih Karyawan (Opsional)</label>
              <select name="karyawan_id" class="form-select shadow-none">
                <option value="">-- Tidak Ada --</option>
                @foreach($karyawans as $kar)
                  <option value="{{ $kar->id }}" {{ old('karyawan_id') == $kar->id ? 'selected' : '' }}>
                    {{ $kar->name }}
                  </option>
                @endforeach
              </select>
            </div>
          </div>

          <div class="col-md-6 ps-md-4 border-start">
            <h6 class="fw-bold text-dark border-bottom pb-2 mb-3"><i class="fas fa-calendar-alt text-success me-2"></i>Periode Penugasan</h6>
            
            <div class="row mb-3">
              <div class="col-md-6">
                <label class="form-label fw-bold">Tahun Ajaran Aktif</label>
                <select name="tahun_ajaran_id" class="form-select shadow-none">
                  <option value="">-- Tidak Di-set --</option>
                  @foreach($tahunAjarans as $ta)
                    <option value="{{ $ta->id }}" {{ old('tahun_ajaran_id') == $ta->id ? 'selected' : '' }}>
                      {{ $ta->tahun_ajaran }}
                    </option>
                  @endforeach
                </select>
              </div>
              <div class="col-md-6 mt-3 mt-md-0">
                <label class="form-label fw-bold">Semester</label>
                <select name="semester_id" class="form-select shadow-none">
                  <option value="">-- Tidak Di-set --</option>
                  @foreach($semesters as $sem)
                    <option value="{{ $sem->id }}" {{ old('semester_id') == $sem->id ? 'selected' : '' }}>
                      Semester {{ $sem->semester }}
                    </option>
                  @endforeach
                </select>
              </div>
            </div>

            <div class="row mb-3">
              <div class="col-md-6">
                <label class="form-label fw-bold text-primary">Tanggal Mulai Berlaku <span class="text-danger">*</span></label>
                <input type="date" name="tanggal_mulai" class="form-control border-primary-subtle shadow-none" value="{{ old('tanggal_mulai') }}" required>
              </div>
              <div class="col-md-6 mt-3 mt-md-0">
                <label class="form-label fw-bold text-danger">Tanggal Selesai Berlaku</label>
                <input type="date" name="tanggal_selesai" class="form-control shadow-none" value="{{ old('tanggal_selesai') }}">
                <small class="text-muted small">Kosongkan jika SK berlaku terus-menerus.</small>
              </div>
            </div>

            <div class="mb-3">
              <label class="form-label fw-bold">Status Jabatan <span class="text-danger">*</span></label>
              <select name="status" class="form-select fw-bold text-success border-success-subtle bg-success-subtle shadow-none" required>
                @php $oldStatus = old('status', 'Aktif'); @endphp
                <option value="Aktif" {{ $oldStatus == 'Aktif' ? 'selected' : '' }}>AKTIF MENJABAT</option>
                <option value="Nonaktif" {{ $oldStatus == 'Nonaktif' ? 'selected' : '' }}>NON-AKTIF / DICABUT</option>
                <option value="Selesai" {{ $oldStatus == 'Selesai' ? 'selected' : '' }}>SELESAI (PURNA TUGAS)</option>
              </select>
            </div>

            <div class="mb-3">
              <label class="form-label fw-bold">Keterangan Tambahan / Nomor SK</label>
              <textarea name="keterangan" class="form-control shadow-none" rows="2" placeholder="Catat nomor surat keputusan atau alasan penugasan di sini...">{{ old('keterangan') }}</textarea>
            </div>
          </div>
        </div>

        <div class="d-flex justify-content-end mt-4 pt-3 border-top">
          <button type="reset" class="btn btn-secondary btn-round shadow-sm me-2">Reset Form</button>
          <button type="submit" class="btn btn-primary btn-round shadow-sm fw-bold px-4">
            <i class="fa fa-save me-2"></i> Simpan Penugasan
          </button>
        </div>

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