@extends('layouts.admin')
@section('title', 'Edit Guru')
@section('page-title', 'Edit Guru')
@section('admin-content')
<x-card title="Edit Guru" subtitle="Ubah data guru dan akun login.">
<form action="{{ route('admin.guru.update', $guru) }}" method="POST" class="grid grid-cols-1 gap-4 md:grid-cols-2">
    @csrf @method('PUT')
    <x-input name="nig" label="NIG" required :value="old('nig', $guru->nig)" />
    <x-input name="nama_lengkap" label="Nama Lengkap" required :value="old('nama_lengkap', $guru->nama_lengkap)" />

    <div>
        <label class="mb-1 block text-sm font-semibold text-slate-700">Jenis Kelamin</label>
        <select name="jenis_kelamin" class="w-full rounded-xl border border-slate-200 bg-white px-3 py-2.5 text-sm shadow-sm outline-none transition focus:border-brand-400 focus:ring-4 focus:ring-brand-200">
            @php $jk = old('jenis_kelamin', $guru->jenis_kelamin); @endphp
            <option value="L" {{ $jk === 'L' ? 'selected' : '' }}>Laki-laki</option>
            <option value="P" {{ $jk === 'P' ? 'selected' : '' }}>Perempuan</option>
        </select>
    </div>

    <div>
        <label class="mb-1 block text-sm font-semibold text-slate-700">Wali kelas <span class="text-rose-500">*</span></label>
        @php $wk = (string) old('is_wali_kelas', $guru->is_wali_kelas ? '1' : '0'); @endphp
        <select name="is_wali_kelas" class="w-full rounded-xl border border-slate-200 bg-white px-3 py-2.5 text-sm shadow-sm outline-none transition focus:border-brand-400 focus:ring-4 focus:ring-brand-200" required>
            <option value="0" {{ $wk === '0' ? 'selected' : '' }}>Tidak</option>
            <option value="1" {{ $wk === '1' ? 'selected' : '' }}>Ya</option>
        </select>
        <p class="mt-1 text-xs text-slate-500">Penugasan wali ke kelas tertentu tetap diatur lewat menu <strong>Data Kelas</strong>. Jika diubah ke &ldquo;Tidak&rdquo;, guru dilepas dari semua kelas yang sebelumnya memakai guru ini sebagai wali.</p>
        @error('is_wali_kelas')
            <div class="mt-1 text-xs font-medium text-rose-600">{{ $message }}</div>
        @enderror
    </div>

    <div class="md:col-span-2">
        <label class="mb-1 block text-sm font-semibold text-slate-700">Alamat</label>
        <textarea name="alamat" class="w-full rounded-xl border border-slate-200 bg-white px-3 py-2.5 text-sm shadow-sm outline-none transition focus:border-brand-400 focus:ring-4 focus:ring-brand-200" rows="3">{{ old('alamat', $guru->alamat) }}</textarea>
    </div>

    <x-input name="no_hp" label="No HP" :value="old('no_hp', $guru->no_hp)" />
    <div class="md:col-span-2 my-2 border-t border-slate-200 pt-4"></div>

    <div class="md:col-span-2 rounded-xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm text-slate-700">
        Login guru: <strong>{{ $guru->nig }}</strong> (mengikuti NIG; berubah otomatis jika NIG diubah).
    </div>

    <x-input name="password" label="Password Baru (opsional)" type="password" />
    <x-input name="password_confirmation" label="Konfirmasi Password" type="password" />

    <div class="md:col-span-2 mt-2 flex flex-wrap gap-2">
        <x-button type="submit" variant="secondary">Simpan</x-button>
        <x-button href="{{ route('admin.guru.index') }}" variant="ghost">Batal</x-button>
    </div>
</form>
</x-card>
@endsection