@extends('simaju.layouts.main')
@section('title', 'Edit Siswa')
@section('content')
<div class="max-w-4xl mx-auto">
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
        @if($errors->any())
            <div class="mb-4 bg-red-50 border border-red-200 text-red-800 px-4 py-3 rounded-lg">
                <h3 class="font-semibold mb-2">Terjadi kesalahan validasi:</h3>
                <ul class="list-disc pl-5 space-y-1">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <form action="{{ route('simaju.siswa.update', $siswa->id) }}" method="POST">
            @csrf @method('PUT')
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">NIS *</label>
                    <input type="text" name="nis" value="{{ old('nis', $siswa->nis) }}" required class="w-full px-4 py-2 border rounded-lg @error('nis') border-red-500 @enderror">
                    @error('nis')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">NISN *</label>
                    <input type="text" name="nisn" value="{{ old('nisn', $siswa->nisn) }}" required class="w-full px-4 py-2 border rounded-lg @error('nisn') border-red-500 @enderror">
                    @error('nisn')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                </div>
                <div class="md:col-span-2">
                    <label class="block text-sm font-medium text-gray-700 mb-1">Nama *</label>
                    <input type="text" name="nama" value="{{ old('nama', $siswa->nama) }}" required class="w-full px-4 py-2 border rounded-lg @error('nama') border-red-500 @enderror">
                    @error('nama')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">JK *</label>
                    <select name="jk" required class="w-full px-4 py-2 border rounded-lg @error('jk') border-red-500 @enderror">
                        <option value="">Pilih</option>
                        <option value="L" {{ old('jk', $siswa->jk) == 'L' ? 'selected' : '' }}>Laki-laki</option>
                        <option value="P" {{ old('jk', $siswa->jk) == 'P' ? 'selected' : '' }}>Perempuan</option>
                    </select>
                    @error('jk')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Agama *</label>
                    <select name="agama" required class="w-full px-4 py-2 border rounded-lg @error('agama') border-red-500 @enderror">
                        <option value="">Pilih</option>
                        @foreach(['Islam','Kristen','Katolik','Hindu','Buddha','Konghucu'] as $a)
                            <option value="{{ $a }}" {{ old('agama', $siswa->agama) == $a ? 'selected' : '' }}>{{ $a }}</option>
                        @endforeach
                    </select>
                    @error('agama')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Tempat Lahir *</label>
                    <input type="text" name="tempat_lahir" value="{{ old('tempat_lahir', $siswa->tempat_lahir) }}" required class="w-full px-4 py-2 border rounded-lg @error('tempat_lahir') border-red-500 @enderror">
                    @error('tempat_lahir')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Tanggal Lahir *</label>
                    <input type="date" name="tanggal_lahir" value="{{ old('tanggal_lahir', $siswa->tanggal_lahir->format('Y-m-d')) }}" required class="w-full px-4 py-2 border rounded-lg @error('tanggal_lahir') border-red-500 @enderror">
                    @error('tanggal_lahir')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                </div>
                <div class="md:col-span-2">
                    <label class="block text-sm font-medium text-gray-700 mb-1">Alamat</label>
                    <textarea name="alamat" rows="2" class="w-full px-4 py-2 border rounded-lg @error('alamat') border-red-500 @enderror">{{ old('alamat', $siswa->alamat) }}</textarea>
                    @error('alamat')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Telepon</label>
                    <input type="text" name="telepon" value="{{ old('telepon', $siswa->telepon) }}" class="w-full px-4 py-2 border rounded-lg @error('telepon') border-red-500 @enderror">
                    @error('telepon')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
                    <input type="email" name="email" value="{{ old('email', $siswa->email) }}" class="w-full px-4 py-2 border rounded-lg @error('email') border-red-500 @enderror">
                    @error('email')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Kelas</label>
                    <select name="kelas_id" class="w-full px-4 py-2 border rounded-lg @error('kelas_id') border-red-500 @enderror">
                        <option value="">Pilih</option>
                        @foreach($kelasList as $k)
                            <option value="{{ $k->id }}" {{ old('kelas_id', $siswa->kelas_id) == $k->id ? 'selected' : '' }}>{{ $k->nama_kelas }}</option>
                        @endforeach
                    </select>
                    @error('kelas_id')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                </div>
                
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Jurusan</label>
                
                    <select name="jurusan_id" class="w-full px-4 py-2 border rounded-lg @error('jurusan_id') border-red-500 @enderror">
                
                        <option value="">Pilih Jurusan</option>
                
                        @foreach($jurusanList as $j)
                            <option value="{{ $j->id }}"
                                {{ old('jurusan_id', $siswa->jurusan_id) == $j->id ? 'selected' : '' }}>
                                {{ $j->nama_jurusan }}
                            </option>
                        @endforeach
                
                    </select>
                
                    @error('jurusan_id')
                        <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
                    @enderror
                </div>
                
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Tahun Masuk *</label>
                    <input type="number" name="tahun_masuk" value="{{ old('tahun_masuk', $siswa->tahun_masuk) }}" required min="2000" max="2030" class="w-full px-4 py-2 border rounded-lg @error('tahun_masuk') border-red-500 @enderror">
                    @error('tahun_masuk')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Status *</label>
                    <select name="status" required class="w-full px-4 py-2 border rounded-lg @error('status') border-red-500 @enderror">
                        <option value="">Pilih</option>
                        <option value="aktif" {{ old('status', $siswa->status) == 'aktif' ? 'selected' : '' }}>Aktif</option>
                        <option value="lulus" {{ old('status', $siswa->status) == 'lulus' ? 'selected' : '' }}>Lulus</option>
                        <option value="keluar" {{ old('status', $siswa->status) == 'keluar' ? 'selected' : '' }}>Keluar</option>
                        <option value="pindah" {{ old('status', $siswa->status) == 'pindah' ? 'selected' : '' }}>Pindah</option>
                    </select>
                    @error('status')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                </div>
            </div>
            <div class="mt-6 flex justify-end gap-3">
                <a href="{{ route('simaju.siswa.index') }}" class="px-4 py-2 border rounded-lg hover:bg-gray-50">Batal</a>
                <button type="submit" class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-blue-600">Update</button>
            </div>
        </form>
    </div>
</div>
@endsection