@if(isset($siswa))
    @method('PUT')
@endif

@push('styles')
<link href=" {{ asset('assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }} " rel="stylesheet">
@endpush

<div class="mb-3">
    <label for="foto_siswa"> Foto Siswa : </label>
    <input type="file" name="foto_siswa" class="form-control" required>
</div>
@if (isset($siswa->foto_siswa))
    <div class="mb-3">
        <img src="{{asset($siswa->foto_siswa)}}" width="300px;" alt="">
    </div>
@endif
<div class="mb-3">
    <label class="form-label">Nama Siswa</label>
    <input type="text" name="nama_siswa" class="form-control" required value="{{ old('nama_siswa', @$siswa->nama_siswa) }}" placeholder="Nama Lengkap Siswa" />
</div>

<div class="mb-3">
    <label class="form-label">Email</label>
    <input type="text" name="email" class="form-control" required value="{{ old('email', @$siswa->user->email) }}" placeholder="Email" />
</div>
<div class="mb-3">
    <label class="form-label">No Identitas (KTP/SIM)</label>
    <input type="number" name="no_identitas" class="form-control" required value="{{ old('no_identitas', @$siswa->no_identitas) }}" placeholder="No Identitas" />
</div>
<div class="mb-3">
    <label class="form-label">No-Telp Rumah</label>
    <input type="number" name="no_telp_rumah" class="form-control" required value="{{ old('no_telp_rumah', @$siswa->no_telp_rumah) }}" placeholder="No Telp Rumah" />
</div>
<div class="mb-3">
    <label class="form-label">No-Hp Siswa</label>
    <input type="number" name="no_hp_siswa" class="form-control" required value="{{ old('no_hp_siswa', @$siswa->no_hp_siswa) }}" placeholder="No Hp Siswa" />
</div>
<div class="mb-3">
    <label class="form-label">Jenis Kelamin</label>
    <select class="form-select" name="jenis_kelamin" required>
      <option value="">Jenis Kelamin</option>
      <option @if( old('jenis_kelamin', @$siswa->jenis_kelamin) == 'Laki-laki' ) selected @endif value="Laki-laki">Laki-laki</option>
      <option @if( old('jenis_kelamin', @$siswa->jenis_kelamin) == 'Perempuan' ) selected @endif value="Perempuan">Perempuan</option>
    </select>
</div>
<div class="mb-3">
    <label class="form-label">Agama</label>
    <select class="form-select" name="agama" required>
      <option value="">Pilih Agama</option>
      <option @if( old('agama', @$siswa->agama) == 'Islam' ) selected @endif value="Islam">Islam</option>
      <option @if( old('agama', @$siswa->agama) == 'Kristen' ) selected @endif value="Kristen">Kristen</option>
      <option @if( old('agama', @$siswa->agama) == 'Katolik' ) selected @endif value="Katolik">Katolik</option>
      <option @if( old('agama', @$siswa->agama) == 'Hindu' ) selected @endif value="Hindu">Hindu</option>
      <option @if( old('agama', @$siswa->agama) == 'Budha' ) selected @endif value="Budha">Budha</option>
      <option @if( old('agama', @$siswa->agama) == 'Konghucu' ) selected @endif value="Konghucu">Konghucu</option>
    </select>
</div>
<div class="mb-3">
    <label class="form-label">Tempat Lahir</label>
    <input type="text" name="tempat_lahir" class="form-control" required value="{{ old('tempat_lahir', @$siswa->tempat_lahir) }}" placeholder="Tempat Lahir" />
</div>
<div class="mb-3">
    <label class="form-label">Tanggal Lahir</label>
    <input type="text" name="tanggal_lahir" id="tanggal_lahir" class="form-control" required value="{{ old('tanggal_lahir', (@$siswa->tanggal_lahir) ?? '2000-01-01') }}" placeholder="Tanggal Lahir" />
</div>
<div class="mb-3">
    <label class="form-label">Nama Orang Tua</label>
    <input type="text" name="nama_orang_tua" class="form-control" required value="{{ old('nama_orang_tua', @$siswa->nama_orang_tua) }}" placeholder="Nama Orang Tua" />
</div>
<div class="mb-3">
    <label class="form-label">Alamat Orang Tua</label>
    <input type="text" name="alamat_orang_tua" class="form-control" required value="{{ old('alamat_orang_tua', @$siswa->alamat_orang_tua) }}" placeholder="Alamat Orang Tua" />
</div>
<div class="mb-3">
    <label class="form-label">No HP Orang Tua</label>
    <input type="number" name="no_hp_orang_tua" class="form-control" required value="{{ old('no_hp_orang_tua', @$siswa->no_hp_orang_tua) }}" placeholder="No HP Orang Tua" />
</div>
<div class="mb-3">
    <label class="form-label">Tingkatan Sekolah</label>
    <select class="form-select" name="tingkatan_sekolah" required>
      <option selected="">Pilih Tingkatan Sekolah</option>
      <option @if( old('tingkatan_sekolah', @$siswa->tingkatan_sekolah) == 'Tidak Sekolah' ) selected @endif value="Tidak Sekolah">Tidak Sekolah</option>
      <option @if( old('tingkatan_sekolah', @$siswa->tingkatan_sekolah) == 'SD' ) selected @endif value="SD">SD</option>
      <option @if( old('tingkatan_sekolah', @$siswa->tingkatan_sekolah) == 'SMP' ) selected @endif value="SMP">SMP</option>
      <option @if( old('tingkatan_sekolah', @$siswa->tingkatan_sekolah) == 'SMA' ) selected @endif value="SMA/SMK">SMA/SMK</option>
      <option @if( old('tingkatan_sekolah', @$siswa->tingkatan_sekolah) == 'D1' ) selected @endif value="D1">D1 (Diploma 1)</option>
      <option @if( old('tingkatan_sekolah', @$siswa->tingkatan_sekolah) == 'D2' ) selected @endif value="D2">D2 (Diploma 2)</option>
      <option @if( old('tingkatan_sekolah', @$siswa->tingkatan_sekolah) == 'D3' ) selected @endif value="D3">D3 (Diploma 3)</option>
      <option @if( old('tingkatan_sekolah', @$siswa->tingkatan_sekolah) == 'D4' ) selected @endif value="D4">D4 (Diploma 4)</option>
      <option @if( old('tingkatan_sekolah', @$siswa->tingkatan_sekolah) == 'S1' ) selected @endif value="S1">S1 (Sarjana)</option>
      <option @if( old('tingkatan_sekolah', @$siswa->tingkatan_sekolah) == 'S2' ) selected @endif value="S2">S2 (Magister)</option>
      <option @if( old('tingkatan_sekolah', @$siswa->tingkatan_sekolah) == 'S3' ) selected @endif value="S3">S3 (Doktor)</option>
  </select>
</div>
<div class="mb-3">
    <label class="form-label">Asal Sekolah</label>
    <input type="text" name="asal_sekolah" class="form-control" required value="{{ old('asal_sekolah', @$siswa->asal_sekolah) }}" placeholder="Asal Sekolah" />
</div>
<div class="mb-3">
    <label class="form-label">Jurusan Sekolah</label>
    <input type="text" name="jurusan_sekolah" class="form-control" required value="{{ old('jurusan_sekolah', @$siswa->jurusan_sekolah) }}" placeholder="Jurusan Sekolah" />
</div>
<div class="mb-3">
    <label class="form-label">Tahun Lulus Sekolah</label>
    <input type="number" name="tahun_lulus_sekolah" class="form-control" required value="{{ old('tahun_lulus_sekolah', @$siswa->tahun_lulus_sekolah) }}" placeholder="Tahun Lulus Sekolah" />
</div>
<div class="mb-3">
    <label class="form-label">Alamat</label>
    <textarea name="alamat_siswa" id="" cols="30" rows="3" class="form-control" required> {{ old('alamat_siswa', @$siswa->alamat_siswa) }} </textarea>
</div>

<div class="mb-3">
  <label for="password">Password @if(@$siswa) <i class="text-danger">(kosongkan jika tidak ingin mengubah password)</i> @endif </label>
  <input type="password" name="password" class="form-control" id="password" placeholder="Password" @if(!@$siswa) required @endif>
</div>

<div class="mb-3">
    <label for="c_password">Confirm Password @if(@$siswa) <i class="text-danger">(kosongkan jika tidak ingin mengubah password)</i> @endif </label>
    <input type="password" name="c_password" class="form-control" id="c_password" placeholder="Password" @if(!@$siswa) required @endif>
</div>


<div class="mb-0">
    <div>
        <button type="submit"
            class="btn btn-primary waves-effect waves-light me-1">
            Submit
        </button>
    </div>
</div>

@push('scripts')
    <script src=" {{ asset('assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }} "></script>
    <script>
        $(document).ready(function () {
            var tanggal_lahir = $('#tanggal_lahir');

            tanggal_lahir.datepicker({
                format: 'yyyy-mm-dd',
                autoclose: true
            });
        });
    </script>
@endpush