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

    @php
        $jkError = $errors->first('jenis_kelamin');
        $jkClass = 'w-full rounded-xl border bg-white px-3 py-2.5 text-sm shadow-sm outline-none transition focus:ring-4 ';
        $jkClass .= $jkError
            ? 'border-rose-300 focus:border-rose-400 focus:ring-rose-200'
            : 'border-slate-200 focus:border-brand-400 focus:ring-brand-200';
        $kelasError = $errors->first('kelas_id');
        $kelasClass = 'w-full rounded-xl border bg-white px-3 py-2.5 text-sm shadow-sm outline-none transition focus:ring-4 ';
        $kelasClass .= $kelasError
            ? 'border-rose-300 focus:border-rose-400 focus:ring-rose-200'
            : 'border-slate-200 focus:border-brand-400 focus:ring-brand-200';
    @endphp

    <div>
        <label class="mb-1 block text-sm font-semibold text-slate-700">Jenis Kelamin <span class="text-rose-500">*</span></label>
        <select name="jenis_kelamin" class="{{ $jkClass }}" required>
            @php $jk = old('jenis_kelamin', $siswa->jenis_kelamin); @endphp
            <option value="L" {{ $jk === 'L' ? 'selected' : '' }}>Laki-laki</option>
            <option value="P" {{ $jk === 'P' ? 'selected' : '' }}>Perempuan</option>
        </select>
        @if($jkError)
            <div class="mt-1 text-xs font-medium text-rose-600">{{ $jkError }}</div>
        @endif
    </div>

    <div>
        <label class="mb-1 block text-sm font-semibold text-slate-700">Kelas</label>
        <select name="kelas_id" class="{{ $kelasClass }}" required>
            @foreach($kelasList as $k)
                <option value="{{ $k->id }}" {{ (string) old('kelas_id', $siswa->kelas_id) === (string) $k->id ? 'selected' : '' }}>{{ $k->tingkat }} - {{ $k->nama_kelas }}</option>
            @endforeach
        </select>
        @if($kelasError)
            <div class="mt-1 text-xs font-medium text-rose-600">{{ $kelasError }}</div>
        @endif
    </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 siswa: <strong>{{ $siswa->nis }}</strong> (mengikuti NIS; berubah otomatis jika NIS diubah).
    </div>

    <div class="md:col-span-2 my-2 border-t border-slate-200 pt-4"></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.siswa.index') }}" variant="ghost">Batal</x-button>
    </div>
</form>
</x-card>
@endsection