@extends('layouts.app')

@section('title', 'Tambah Peserta PSAJ')

@section('content')
<div class="container-fluid">
    <div class="mb-4">
        <h1 class="h3 mb-2">Tambah Peserta PSAJ</h1>
        <p class="text-muted mb-0">{{ $school->nama_sekolah }} - Penilaian Sumatif Akhir Jenjang</p>
    </div>

    <div class="card">
        <div class="card-body">
            <form action="{{ route('admin-sekolah.psaj.store') }}" method="POST" enctype="multipart/form-data">
                @csrf

                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="jenjang" class="form-label">Jenjang <span class="text-danger">*</span></label>
                            <select name="jenjang" id="jenjang" class="form-select @error('jenjang') is-invalid @enderror" required>
                                <option value="">Pilih Jenjang</option>
                                @foreach ($jenjangOptions as $key => $label)
                                    <option value="{{ $key }}" {{ old('jenjang', $selectedJenjang) == $key ? 'selected' : '' }}>
                                        {{ $label }}
                                    </option>
                                @endforeach
                            </select>
                            @error('jenjang')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">Kelas akan otomatis terisi berdasarkan jenjang</small>
                        </div>

                        <div class="mb-3">
                            <label for="nama" class="form-label">Nama Lengkap <span class="text-danger">*</span></label>
                            <input type="text" 
                                   name="nama" 
                                   id="nama" 
                                   class="form-control @error('nama') is-invalid @enderror" 
                                   value="{{ old('nama') }}" 
                                   required>
                            @error('nama')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="nik" class="form-label">NIK <span class="text-danger">*</span></label>
                            <input type="text" 
                                   name="nik" 
                                   id="nik" 
                                   class="form-control @error('nik') is-invalid @enderror" 
                                   value="{{ old('nik') }}" 
                                   maxlength="16"
                                   pattern="[0-9]{16}"
                                   inputmode="numeric"
                                   required>
                            @error('nik')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">16 digit angka</small>
                        </div>

                        <div class="mb-3">
                            <label for="nisn" class="form-label">NISN <span class="text-danger">*</span></label>
                            <input type="text" 
                                   name="nisn" 
                                   id="nisn" 
                                   class="form-control @error('nisn') is-invalid @enderror" 
                                   value="{{ old('nisn') }}" 
                                   maxlength="10"
                                   pattern="[0-9]{10}"
                                   inputmode="numeric"
                                   required>
                            @error('nisn')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">10 digit angka</small>
                        </div>

                        <div class="mb-3">
                            <label for="nis" class="form-label">NIS</label>
                            <input type="text" 
                                   name="nis" 
                                   id="nis" 
                                   class="form-control @error('nis') is-invalid @enderror" 
                                   value="{{ old('nis') }}">
                            @error('nis')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="tempat_lahir" class="form-label">Tempat Lahir <span class="text-danger">*</span></label>
                            <input type="text" 
                                   name="tempat_lahir" 
                                   id="tempat_lahir" 
                                   class="form-control @error('tempat_lahir') is-invalid @enderror" 
                                   value="{{ old('tempat_lahir') }}" 
                                   required>
                            @error('tempat_lahir')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="tanggal_lahir" class="form-label">Tanggal Lahir <span class="text-danger">*</span></label>
                            <input type="date" 
                                   name="tanggal_lahir" 
                                   id="tanggal_lahir" 
                                   class="form-control @error('tanggal_lahir') is-invalid @enderror" 
                                   value="{{ old('tanggal_lahir') }}" 
                                   required>
                            @error('tanggal_lahir')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="nama_ibu" class="form-label">Nama Ibu <span class="text-danger">*</span></label>
                            <input type="text" 
                                   name="nama_ibu" 
                                   id="nama_ibu" 
                                   class="form-control @error('nama_ibu') is-invalid @enderror" 
                                   value="{{ old('nama_ibu') }}" 
                                   required>
                            @error('nama_ibu')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="disability_type_id" class="form-label">Jenis Ketunaan <span class="text-danger">*</span></label>
                            <select name="disability_type_id" 
                                    id="disability_type_id" 
                                    class="form-select @error('disability_type_id') is-invalid @enderror" 
                                    required>
                                <option value="">Pilih Jenis Ketunaan</option>
                                @foreach ($disabilityTypes as $type)
                                    <option value="{{ $type->id }}" {{ old('disability_type_id') == $type->id ? 'selected' : '' }}>
                                        {{ $type->name }} ({{ $type->code }})
                                    </option>
                                @endforeach
                            </select>
                            @error('disability_type_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="photo" class="form-label">Foto Peserta</label>
                            <input type="file" 
                                   name="photo" 
                                   id="photo" 
                                   class="form-control @error('photo') is-invalid @enderror" 
                                   accept="image/jpeg,image/png,image/jpg">
                            @error('photo')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">Format: JPG, PNG. Ukuran maksimal: 2MB. Disarankan ukuran 3x4 cm</small>
                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-between mt-4">
                    <a href="{{ route('admin-sekolah.psaj.index') }}" class="btn btn-secondary">
                        <i class="bi bi-arrow-left me-2"></i>Kembali
                    </a>
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-save me-2"></i>Simpan
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection