@extends('simaju.layouts.main')
@section('title', 'Tambah Siswa')
@section('content')
<div class="max-w-4xl mx-auto">
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
        <form action="{{ route('simaju.siswa.store') }}" method="POST">
            @csrf
            <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" required class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-primary"></div>
                <div><label class="block text-sm font-medium text-gray-700 mb-1">NISN *</label><input type="text" name="nisn" required class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-primary"></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" required class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-primary"></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"><option value="L">Laki-laki</option><option value="P">Perempuan</option></select></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">@foreach(['Islam','Kristen','Katolik','Hindu','Buddha','Konghucu'] as $a)<option value="{{ $a }}">{{ $a }}</option>@endforeach</select></div>
                <div><label class="block text-sm font-medium text-gray-700 mb-1">Tempat Lahir *</label><input type="text" name="tempat_lahir" required class="w-full px-4 py-2 border rounded-lg"></div>
                <div><label class="block text-sm font-medium text-gray-700 mb-1">Tanggal Lahir *</label><input type="date" name="tanggal_lahir" required class="w-full px-4 py-2 border rounded-lg"></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"></textarea></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">
                <option value="">Pilih</option>
                @foreach($kelasList as $k)
                <option value="{{ $k->id }}">{{ $k->nama_kelas }}</option>
                @endforeach
                </select>
                </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">
                <option value="">Pilih</option>
                
                @foreach($jurusanList as $j)
                <option value="{{ $j->id }}">{{ $j->nama_jurusan }}</option>
                @endforeach
                
                </select>
                </div>
                <div><label class="block text-sm font-medium text-gray-700 mb-1">Tahun Masuk *</label><input type="number" name="tahun_masuk" value="{{ date('Y') }}" required class="w-full px-4 py-2 border rounded-lg"></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">Simpan</button>
            </div>
        </form>
    </div>
</div>
@endsection