@extends('admin.layout.admin')
@section('title', 'Edit Siswa')
@section('scripts')
    <script src="{{ asset('js/app/admin/siswa/edit.js') }}"></script>
@endsection
@section('metas')
    <meta name="kelas-by-unit-url" content="{{ route('api.kelas-by-unit') }}">
@endsection
@section('content')
    <div class="row">
        <div class="col-6">
            <div class="card">
                <div class="card-header">
                    {{ $siswa->nama }}
                </div>
                <div class="card-body">
                    @include('admin.layout.alert')
                    <form action="{{ route('admin.siswa.post-edit', $siswa->id) }}" method="POST">
                        @csrf
                        <div class="form-group">
                            <label for="nis">NIS</label>
                            <input type="text" class="form-control" name="nis" value="{{ $siswa->nis }}" id="nis">
                        </div>
                        <div class="form-group">
                            <label for="nama">Nama</label>
                            <input type="text" class="form-control" name="nama" value="{{ $siswa->nama }}" id="nama">
                        </div>
                        <div class="form-group">
                            <label for="email">Email</label>
                            <input type="text" class="form-control" name="email" value="{{ $siswa->email }}" id="email">
                        </div>
                        <div class="form-group">
                            <label for="email_ayah">Email Ayah</label>
                            <input type="text" class="form-control" name="email_ayah" value="{{ $siswa->email_ayah }}" id="email_ayah">
                        </div>
                        <div class="form-group">
                            <label for="email_ibu">Email Ibu</label>
                            <input type="text" class="form-control" name="email_ibu" value="{{ $siswa->email_ibu }}" id="email_ibu">
                        </div>
                        <div class="form-group">
                            <label for="tgl_lahir">Tanggal Lahir</label>
                            <input type="date" class="form-control" name="tgl_lahir" value="{{ $siswa->tgl_lahir ? $siswa->tgl_lahir->format('Y-m-d') : '' }}" id="tgl_lahir">
                        </div>
                        <div class="form-group">
                            <label for="tgl_lahir_ayah">Tanggal Lahir Ayah</label>
                            <input type="date" class="form-control" name="tgl_lahir_ayah" value="{{ $siswa->tgl_lahir_ayah ? $siswa->tgl_lahir_ayah->format('Y-m-d') : '' }}" id="tgl_lahir_ayah">
                        </div>
                        <div class="form-group">
                            <label for="tgl_lahir_ibu">Tanggal Lahir Ibu</label>
                            <input type="date" class="form-control" name="tgl_lahir_ibu" value="{{ $siswa->tgl_lahir_ibu ? $siswa->tgl_lahir_ibu->format('Y-m-d') : '' }}" id="tgl_lahir_ibu">
                        </div>
                        <div class="form-group">
                            <label for="unit">Unit</label>
                            <select name="unit" id="unit" class="form-control">
                                @foreach(\App\Helpers\Unit::units() as $unit)
                                    <option value="{{ $unit }}" {{ $unit == $siswa->unit ? 'selected' : '' }}>{{ $unit }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="kelas">Kelas</label>
                            <select name="kelas" id="kelas" class="form-control">
                                @foreach(\App\Helpers\Unit::kelases() as $kelas)
                                    <option value="{{ $kelas->id }}" {{ $kelas == $siswa->kelas ? 'selected' : '' }}>{{ $kelas->nama }}</option>
                                @endforeach
                            </select>
                        </div>
                        <button class="btn btn-primary float-right">Simpan</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection