@extends('admin.layout.admin')
@section('title', 'Tambah 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">
                    Tambah Siswa
                </div>
                <div class="card-body">
                    @include('admin.layout.alert')
                    <form action="{{ route('admin.siswa.post-create') }}" method="POST">
                        @csrf
                        <div class="form-group">
                            <label for="nis">NIS</label>
                            <input type="text" class="form-control" name="nis" id="nis" required>
                        </div>
                        <div class="form-group">
                            <label for="nama">Nama</label>
                            <input type="text" class="form-control" name="nama" id="nama" required>
                        </div>
                        <div class="form-group">
                            <label for="unit">Unit</label>
                            <select name="unit" id="unit" class="form-control" required>
                                <option value="">Pilih Unit</option>
                                @foreach(\App\Helpers\Unit::units() as $unit)
                                    <option value="{{ $unit }}">{{ $unit }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="kelas_id">Kelas</label>
                            <select name="kelas_id" id="kelas_id" class="form-control" required>
                                <option value="">Pilih Kelas</option>
                                @foreach(\App\Helpers\Unit::kelases() as $kelas)
                                    <option value="{{ $kelas->id }}">{{ $kelas->nama }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="absen">Absen</label>
                            <input type="text" class="form-control" name="absen" id="absen" required>
                        </div>
                        <div class="form-group">
                            <label for="email">Email</label>
                            <input type="email" class="form-control" name="email" id="email" required>
                        </div>
                        <div class="form-group">
                            <label for="email_ayah">Email Ayah</label>
                            <input type="email" class="form-control" name="email_ayah" id="email_ayah">
                        </div>
                        <div class="form-group">
                            <label for="email_ibu">Email Ibu</label>
                            <input type="email" class="form-control" name="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" 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" 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" id="tgl_lahir_ibu">
                        </div>
                        <button class="btn btn-primary float-right">Simpan</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection