@if(isset($orang_tua))
    @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 class="form-label">Nama Orang Tua Siswa</label>
    <input type="text" name="nama_lengkap" class="form-control" required value="{{ old('nama_lengkap', @$orang_tua->nama_lengkap) }}" placeholder="Nama Lengkap Orang Tua" />
</div>

<div class="mb-3">
    <label class="form-label">Username</label>
    <input type="text" name="username" class="form-control" required value="{{ old('username', @$orang_tua->user->username) }}" placeholder="Username" />
</div>
<div class="mb-3">
    <label class="form-label">Nomor Hp</label>
    <input type="number" name="nomor_hp" class="form-control" required value="{{ old('nomor_hp', @$orang_tua->nomor_hp) }}" placeholder="Nomor Hp" />
</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', @$orang_tua->no_identitas) }}" placeholder="No Identitas" />
</div>
<div class="mb-3">
    <label class="form-label">Nama Siswa</label>
    <select class="form-select" name="siswa_id" required>
        <option value="">Pilih Siswa</option>
        @foreach ($siswas as $siswa)
        <option value="{{ $siswa->id }}" @if( old('siswa_id', @$orang_tua->siswa_id) == $siswa->id ) selected @endif > {{ $siswa->nama_siswa }} | {{ $siswa->no_siswa }} </option>
        @endforeach
    </select>
</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', @$orang_tua->jenis_kelamin) == 'Laki-laki' ) selected @endif value="Laki-laki">Laki-laki</option>
      <option @if( old('jenis_kelamin', @$orang_tua->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', @$orang_tua->agama) == 'Islam' ) selected @endif value="Islam">Islam</option>
      <option @if( old('agama', @$orang_tua->agama) == 'Kristen' ) selected @endif value="Kristen">Kristen</option>
      <option @if( old('agama', @$orang_tua->agama) == 'Katolik' ) selected @endif value="Katolik">Katolik</option>
      <option @if( old('agama', @$orang_tua->agama) == 'Hindu' ) selected @endif value="Hindu">Hindu</option>
      <option @if( old('agama', @$orang_tua->agama) == 'Budha' ) selected @endif value="Budha">Budha</option>
      <option @if( old('agama', @$orang_tua->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', @$orang_tua->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', (@$orang_tua->tanggal_lahir) ?? '2000-01-01') }}" placeholder="Tanggal Lahir" />
</div>
<div class="mb-3">
    <label class="form-label">Alamat</label>
    <textarea name="alamat" id="" cols="30" rows="3" class="form-control" required> {{ old('alamat', @$orang_tua->alamat) }} </textarea>
</div>

<div class="mb-3">
  <label for="password">Password @if(@$orang_tua) <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(!@$orang_tua) required @endif>
</div>

<div class="mb-3">
    <label for="c_password">Confirm Password @if(@$orang_tua) <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(!@$orang_tua) 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