@extends('layouts.main')

@section('title','Pendaftar')
@section('header','Pendaftar')

@section('breadcrumb')
<li class="breadcrumb-item"><a href="/">Home</a></li>
<li class="breadcrumb-item"><a href="/pendaftar">Pendaftar</a></li>
<li class="breadcrumb-item active">Edit</li>
@endsection

@section('content')
<section>
    <div class="bs-stepper" id="stepper-pendaftaran">
        @csrf
        <div class="bs-stepper-header" role="tablist" style="overflow: auto;">
            <div class="step" data-target="#data-user-part">
                <button type="button" class="step-trigger" role="tab" aria-controls="data-user-part" id="logins-part-trigger">
                    <span class="bs-stepper-circle">1</span>
                    <span class="bs-stepper-label">Data User</span>
                </button>
            </div>
            <div class="line"></div>
            <div class="step" data-target="#data-diri-part">
                <button type="button" class="step-trigger" role="tab" aria-controls="data-diri-part" id="logins-part-trigger">
                    <span class="bs-stepper-circle">2</span>
                    <span class="bs-stepper-label">Data Diri</span>
                </button>
            </div>
            <div class="line"></div>
            <div class="step" data-target="#jalur-pendaftaran-part">
                <button type="button" class="step-trigger" role="tab" aria-controls="jalur-pendaftaran-part" id="jalur-pendaftaran-part-trigger">
                    <span class="bs-stepper-circle">3</span>
                    <span class="bs-stepper-label">Jalur Pendaftaran</span>
                </button>
            </div>
            <div class="line"></div>
            <div class="step" data-target="#data-ortu-part">
                <button type="button" class="step-trigger" role="tab" aria-controls="data-ortu-part" id="data-ortu-part-trigger">
                    <span class="bs-stepper-circle">4</span>
                    <span class="bs-stepper-label">Data Orangtua</span>
                </button>
            </div>
            <div class="line"></div>
            <div class="step" data-target="#data-wali-part">
                <button type="button" class="step-trigger" role="tab" aria-controls="data-wali-part" id="data-wali-part-trigger">
                    <span class="bs-stepper-circle">5</span>
                    <span class="bs-stepper-label">Data Wali</span>
                </button>
            </div>
            <div class="line"></div>
            <div class="step" data-target="#ukuran-baju-part">
                <button type="button" class="step-trigger" role="tab" aria-controls="ukuran-baju-part" id="ukuran-baju-part-trigger">
                    <span class="bs-stepper-circle">6</span>
                    <span class="bs-stepper-label">Ukuran Baju</span>
                </button>
            </div>
            <div class="line"></div>
            <div class="step" data-target="#pilih-spp-part">
                <button type="button" class="step-trigger" role="tab" aria-controls="pilih-spp-part" id="pilih-spp-part-trigger">
                    <span class="bs-stepper-circle">7</span>
                    <span class="bs-stepper-label">Pilih SPP</span>
                </button>
            </div>
        </div>
        <div class="bs-stepper-content">
            <div id="data-user-part" class="content" role="tabpanel" aria-labelledby="data-user-part-trigger">
                <div class="data-user-wrapper p-4">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Data User</h4>
                        </div>
                        <div class="card-body">
                            <div class="form-group">
                                <label class="form-control-label">Nama Lengkap</label> <small class="text-danger">*</small>
                                <input type="text" name="nama_lengkap" class="form-control form-control-sm" required autofocus placeholder="Nama Lengkap" value="{{isset($user)?$user->nama_lengkap:''}}">
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">Email</label> <small class="text-danger">*</small>
                                <input type="email" name="email" class="form-control form-control-sm" required autofocus placeholder="Email" value="{{isset($user)?$user->email:''}}">
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">Password</label> <small class="text-danger">(Leave empty if you dont wish to change password)</small>
                                <input type="password" name="password" class="form-control form-control-sm" required autofocus placeholder="Password">
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">Ulangi Password</label>
                                <input type="password" name="confirm_password" class="form-control form-control-sm" required autofocus placeholder="Ulangi Password">
                            </div>
                        </div>
                    </div>
                    <a href="#" class="btn btn-md btn-info float-right btn-user-next">Selanjutnya</a>
                </div>
            </div>
            <div id="data-diri-part" class="content" role="tabpanel" aria-labelledby="data-diri-part-trigger">
                <div class="data-diri-wrapper p-4">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Data Anak</h4>
                        </div>
                        <div class="card-body">
                            <div class="jenis_pendaftaran_wrapper border p-3">
                                <div class="form-group">
                                    <label class="form-control-label">Jenis Pendaftaran</label> <small class="text-danger">*</small>
                                    <select name="id_jenis_pendaftaran" class="form-control form-control-sm" required autofocus>
                                        <option value="" selected disabled>Jenis Pendaftaran</option>
                                        @foreach($jenis_pendaftaran as $jpend)
                                        <option value="{{$jpend->id}}" @if($siswa){{$siswa->id_jenis_pendaftaran == $jpend->id ? 'selected':''}}@endif>{{$jpend->jenis_pendaftaran}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label class="form-control-label">Pendaftaran</label> <small class="text-danger">*</small>
                                    <select name="id_pendaftaran" class="form-control form-control-sm" required autofocus>
                                        <option value="" selected disabled>Pendaftaran</option>
                                        @foreach($pendaftaran as $pend)
                                        <option data-jsk="{{$pend->jenis_sekolah}}" data-ta="{{$pend->tahun_ajaran}}" value="{{$pend->id}}" @if($siswa){{$siswa->id_pendaftaran == $pend->id ? 'selected':''}}@endif>({{$pend->status_pendaftaran}}) {{$pend->jenis_sekolah->jenis_sekolah}} - Tahun Ajaran {{$pend->tahun_ajaran->tahun_ajaran}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group mb-0">
                                                <label class="form-control-label mt-2 mb-0">Foto Anak</label> <small class="text-danger d-block">(Latar belakang foto Merah untuk tahun kelahiran ganjil, Latar belakang foto biru untuk tahun kelahiran genap)</small>
                                            </div>
                                            <div class="form-group">
                                                @if($user->foto)
                                                <img src="/images/foto_siswa/{{isset($user->foto)?$user->foto:'default.png'}}" width="100%" id="foto_siswa_view" onclick="document.getElementById('foto_siswa').click()" class="pointer">
                                                @else
                                                <img src="/images/app/upload.png" width="100%" id="foto_siswa_view" onclick="document.getElementById('foto_siswa').click()" class="pointer">
                                                @endif
                                                <input type="file" id="foto_siswa" name="foto_siswa" class="d-none" accept="image/*">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group mt-3">
                                                <label class="form-control-label">Nama Lengkap Anak</label> <small class="text-danger">*</small>
                                                <input type="text" name="nama_lengkap" class="form-control form-control-sm" required autofocus placeholder="Nama Lengkap Anak" value="{{isset($user)?$user->nama_lengkap:''}}">
                                            </div>
                                            <div class="form-group">
                                                <label class="form-control-label">NIK</label>
                                                <input type="text" name="nik" class="form-control form-control-sm" placeholder="NIK" value="{{isset($daftar_ulang)?$daftar_ulang->nik:''}}">
                                            </div>
                                            <div class="form-group">
                                                <label class="form-control-label">No. Registrasi Akta Lahir</label>
                                                <input type="text" name="no_registrasi_akta_lahir" class="form-control form-control-sm" placeholder="No. Registrasi Akta Lahir" value="{{isset($daftar_ulang)?$daftar_ulang->no_registrasi_akta_lahir:''}}">
                                            </div>
                                            <div class="form-group">
                                                <label class="form-control-label">Tempat Lahir</label> <small class="text-danger">*</small>
                                                <textarea name="tempat_lahir" class="form-control form-control-sm" rows="1" required autofocus placeholder="Tempat Lahir">{{isset($user)?$user->tempat_lahir:''}}</textarea>
                                            </div>
                                            <div class="form-group">
                                                <label class="form-control-label">Tanggal Lahir</label> <small class="text-danger">*</small>
                                                <input type="date" name="tanggal_lahir" class="form-control form-control-sm" required autofocus value="{{isset($user)?$user->tanggal_lahir:''}}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Jenis Kelamin</label> <small class="text-danger">*</small>
                                        <select name="jenis_kelamin" class="form-control form-control-sm" required autofocus>
                                            <option @if($user){{$user->jenis_kelamin == 'Laki-laki' ? 'selected':''}}@endif>Laki-laki</option>
                                            <option @if($user){{$user->jenis_kelamin == 'Perempuan' ? 'selected':''}}@endif>Perempuan</option>
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Alamat Siswa</label> <small class="text-danger">*</small>
                                        <textarea name="alamat_siswa" class="form-control form-control-sm" rows="1" required autofocus placeholder="Alamat Siswa">{{isset($siswa)?$siswa->alamat_siswa:''}}</textarea>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-control-label">RT</label>
                                                <input type="text" name="rt" class="form-control form-control-sm" placeholder="RT" value="{{isset($daftar_ulang)?$daftar_ulang->rt:''}}">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-control-label">RW</label>
                                                <input type="text" name="rw" class="form-control form-control-sm" placeholder="RW" value="{{isset($daftar_ulang)?$daftar_ulang->rw:''}}">
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label class="form-control-label">Provinsi</label>
                                        <select name="id_provinsi" class="form-control form-control-sm searchProvinsi">
                                            <option value="" selected disabled>Provinsi</option>
                                            @foreach($provinsi as $p)
                                            <option value="{{$p->id}}" @if($daftar_ulang){{$daftar_ulang->id_provinsi == $p->id ? 'selected':''}}@endif>{{$p->provinsi}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group kota_wrapper display-none">
                                        <label class="form-control-label">Kota</label>
                                        <select name="id_kota" class="form-control form-control-sm searchKota" style="width: 100%;" required autofocus></select>
                                    </div>
                                    <div class="form-group kecamatan_wrapper display-none">
                                        <label class="form-control-label">Kecamatan</label>
                                        <select name="id_kecamatan" class="form-control form-control-sm searchKecamatan" style="width: 100%;" required autofocus></select>
                                    </div>
                                    <div class="form-group kelurahan_wrapper display-none">
                                        <label class="form-control-label">Kelurahan</label>
                                        <select name="id_kelurahan" class="form-control form-control-sm searchKelurahan" style="width: 100%;" required autofocus></select>
                                    </div>
                                    <div class="form-group dusun_wrapper display-none">
                                        <label class="form-control-label">Dusun</label>
                                        <textarea name="dusun" class="form-control form-control-sm areaDusun" placeholder="Dusun">{{isset($daftar_ulang)?$daftar_ulang->dusun:''}}</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Berat Badan(Kg)</label> <small class="text-danger">*</small>
                                        <input type="number" name="berat_badan" class="form-control form-control-sm" required autofocus placeholder="Berat Badan" value="{{isset($siswa)?$siswa->berat_badan:''}}">
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Tinggi Badan(Cm)</label> <small class="text-danger">*</small>
                                        <input type="number" name="tinggi_badan" class="form-control form-control-sm" required autofocus placeholder="Tinggi Badan" value="{{isset($siswa)?$siswa->tinggi_badan:''}}">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mt-3">
                                        <label class="form-control-label">Kewarganegaraan</label>
                                        <select name="kewarganegaraan" class="form-control form-control-sm">
                                            <option @if($daftar_ulang){{$daftar_ulang->kewarganegaraan == 'WNI' ? 'selected':''}}@endif>WNI</option>
                                            <option @if($daftar_ulang){{$daftar_ulang->kewarganegaraan == 'WNA' ? 'selected':''}}@endif>WNA</option>
                                        </select>
                                    </div>
                                    <div class="form-group mt-1 kewarganegaraan_wrapper @if($daftar_ulang){{$daftar_ulang->kewarganegaraan == 'WNA' ? '':'display-none'}}@else display-none @endif">
                                        <label class="form-control-label">Negara Asal</label>
                                        <input type="text" name="nama_negara" class="form-control form-control-sm" placeholder="Negara Asal" value="{{isset($daftar_ulang)?$daftar_ulang->nama_negara:''}}">
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Kode Pos</label>
                                        <input type="text" name="kode_pos" class="form-control form-control-sm" placeholder="Kode Pos" value="{{isset($daftar_ulang)?$daftar_ulang->kode_pos:''}}">
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Jenis Tempat Tinggal</label>
                                        <select name="jenis_tempat_tinggal" class="form-control form-control-sm">
                                            <option @if($daftar_ulang){{$daftar_ulang->jenis_tempat_tinggal == 'Kontrakan' ? 'selected':''}}@endif>Kontrakan</option>
                                            <option @if($daftar_ulang){{$daftar_ulang->jenis_tempat_tinggal == 'Rumah Sendiri' ? 'selected':''}}@endif>Rumah Sendiri</option>
                                        </select>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-control-label">Jarak tempuh ke Sekolah (KM)</label>
                                                <div class="input-group mb-3">
                                                    <input type="number" name="jarak_tempuh_ke_sekolah" class="form-control form-control-sm" placeholder="Jarak tempuh ke Sekolah (KM)" value="{{isset($daftar_ulang)?$daftar_ulang->jarak_tempuh_ke_sekolah:''}}">
                                                    <div class="input-group-append">
                                                        <span class="input-group-text form-control form-control-sm">KM</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-control-label">Moda Transportasi</label>
                                                <select name="moda_transportasi" class="form-control form-control-sm">
                                                    <option @if($daftar_ulang){{$daftar_ulang->moda_transportasi == 'Mobil Pribadi' ? 'selected':''}}@endif>Mobil Pribadi</option>
                                                    <option @if($daftar_ulang){{$daftar_ulang->moda_transportasi == 'Motor Pribadi' ? 'selected':''}}@endif>Motor Pribadi</option>
                                                    <option @if($daftar_ulang){{$daftar_ulang->moda_transportasi == 'Transportasi Umum' ? 'selected':''}}@endif>Transportasi Umum</option>
                                                    <option @if($daftar_ulang){{$daftar_ulang->moda_transportasi == 'Lainnya' ? 'selected':''}}@endif>Lainnya</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Anak Ke</label> <small class="text-danger">*</small>
                                        <select name="anak_ke" class="form-control form-control-sm" required autofocus>
                                            @for($a = 1; $a <= 10; $a++)
                                            <option value="{{$a}}" @if($siswa){{$siswa->anak_ke == $a ? 'selected':''}}@endif>{{$a}}</option>
                                            @endfor
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Jumlah Saudara</label> <small class="text-danger">*</small>
                                        <select name="jml_saudara" class="form-control form-control-sm" required autofocus>
                                            <option value="" selected disabled>Jumlah Saudara</option>
                                            @for($a = 0; $a <= 10; $a++)
                                            <option value="{{$a}}" @if($siswa){{$siswa->jml_saudara == $a ? 'selected':''}}@endif>{{$a}}</option>
                                            @endfor
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Jumlah Saudara Tiri</label>
                                        <input type="number" name="jumlah_saudara_tiri" class="form-control form-control-sm" placeholder="Jumlah Saudara Tiri" value="{{isset($daftar_ulang)?$daftar_ulang->jumlah_saudara_tiri:'0'}}">
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Sekolah Asal (Isikan Lengkap Dengan Nama Daerah)</label>
                                        <textarea name="sekolah_asal" rows="1" class="form-control form-control-sm" placeholder="Sekolah Asal">{{isset($daftar_ulang)?$daftar_ulang->sekolah_asal:''}}</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">NISN</label> <small class="text-danger">*Bagi yang sudah ada</small>
                                        <input type="text" name="nisn" class="form-control form-control-sm" placeholder="NISN" value="{{isset($daftar_ulang)?$daftar_ulang->nisn:''}}">
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-control-label">No. WhatsApp Aktif Orangtua</label>
                                                <div class="input-group mb-3">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text form-control form-control-sm">+62</span>
                                                    </div>
                                                    <input type="number" name="no_whatsapp_aktif_orang_tua" class="form-control form-control-sm" placeholder="No. WhatsApp Aktif Orangtua" value="{{isset($daftar_ulang)?$daftar_ulang->no_whatsapp_aktif_orang_tua:''}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="form-control-label">No. Telp Rumah</label>
                                                <input type="number" name="no_telp_rumah" class="form-control form-control-sm" placeholder="No. Telp Rumah" value="{{isset($daftar_ulang)?$daftar_ulang->no_telp_rumah:''}}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Email Orangtua</label>
                                        <input type="email" name="email_orang_tua" class="form-control form-control-sm" placeholder="Email Orangtua" value="{{isset($daftar_ulang)?$daftar_ulang->email_orang_tua:''}}">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="form-control-label">Riwayat Penyakit Bawaan</label>
                                        <textarea name="riwayat_penyakit" rows="2" class="form-control form-control-sm" placeholder="Riwayat Penyakit Bawaan">{{isset($siswa)?$siswa->riwayat_penyakit:''}}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="float-right">
                        <a href="#" class="btn btn-md btn-outline-info mr-3" onclick="stepper.previous()">Sebelumnya</a>
                        <a href="#" class="btn btn-md btn-info float-right btn-data-diri-next">Selanjutnya</a>
                    </div>
                </div>
            </div>
            <div id="jalur-pendaftaran-part" class="content" role="tabpanel" aria-labelledby="jalur-pendaftaran-part-trigger">
                <div class="jalur-pendaftaran-wrapper p-4">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Jalur Pendaftaran</h4>
                        </div>
                        <div class="card-body">
                            <div class="form-group">
                                <label class="form-control-label">Jalur Pendaftaran</label>
                                <select name="id_jalur_pendaftaran" class="form-control form-control-sm" required autofocus>
                                    <option value="" selected disabled>Jalur Pendaftaran</option>
                                    @foreach($jalur_pendaftaran as $jpend)
                                    <option value="{{$jpend->id}}" @if($daftar_ulang){{$daftar_ulang->id_jalur_pendaftaran == $jpend->id ? 'selected':''}}@endif>{{$jpend->jalur_pendaftaran}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group mt-1 ni_karyawan_wrapper @if($daftar_ulang){{$daftar_ulang->id_jalur_pendaftaran == 2 ? '':'display-none'}}@else display-none @endif">
                                <label class="form-control-label">Nomor Induk Karyawan</label>
                                <input type="text" name="niy" class="form-control form-control-sm" placeholder="Nomor Induk Karyawan" value="{{isset($daftar_ulang)?$daftar_ulang->niy:''}}">
                            </div>
                            
                            
                            <div class="jalur_prestasi_wrapper @if($daftar_ulang){{$daftar_ulang->id_jalur_pendaftaran == 3 ? '':'display-none'}}@else display-nones @endif">
                                @if($skelas == 7 || $skelas == 10)
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label">Rata-rata nilai rapor {{$k1s2}}</label>
                                            <input type="text" name="rata_rata1" class="form-control form-control-sm" placeholder="Rata-rata nilai rapor {{$k1s2}}" value="{{isset($daftar_ulang)?$daftar_ulang->rata_rata1:''}}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label">Ranking {{$k1s2}}</label>
                                            <input type="text" name="ranking1" class="form-control form-control-sm" placeholder="Ranking {{$k1s2}}" value="{{isset($daftar_ulang)?$daftar_ulang->ranking1:''}}">
                                        </div>
                                    </div>
                                    
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label">Rata-rata nilai rapor {{$k2s1}}</label>
                                            <input type="text" name="rata_rata2" class="form-control form-control-sm" placeholder="Rata-rata nilai rapor {{$k2s1}}" value="{{isset($daftar_ulang)?$daftar_ulang->rata_rata2:''}}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label">Ranking {{$k2s1}}</label>
                                            <input type="text" name="ranking2" class="form-control form-control-sm" placeholder="Ranking {{$k2s1}}" value="{{isset($daftar_ulang)?$daftar_ulang->ranking2:''}}">
                                        </div>
                                    </div>
                                    
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label">Rata-rata nilai rapor {{$k2s2}}</label>
                                            <input type="text" name="rata_rata3" class="form-control form-control-sm" placeholder="Rata-rata nilai rapor {{$k2s2}}" value="{{isset($daftar_ulang)?$daftar_ulang->rata_rata3:''}}">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label">Ranking {{$k2s2}}</label>
                                            <input type="text" name="ranking3" class="form-control form-control-sm" placeholder="Ranking {{$k2s2}}" value="{{isset($daftar_ulang)?$daftar_ulang->ranking3:''}}">
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label class="form-control-label">Prestasi Sekolah</label>
                                    <textarea name="prestasi_sekolah" class="form-control form-control-sm" placeholder="Prestasi Luar Sekolah">{{isset($daftar_ulang)?$daftar_ulang->prestasi_sekolah:''}}</textarea>
                                </div>
                                <div class="form-group">
                                    <label class="form-control-label">Prestasi Luar Sekolah</label>
                                    <textarea name="prestasi_luar_sekolah" class="form-control form-control-sm" placeholder="Prestasi Luar Sekolah">{{isset($daftar_ulang)?$daftar_ulang->prestasi_luar_sekolah:''}}</textarea>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label">Total Hafalan (JUZ)</label>
                                            <div class="input-group mb-3">
                                                <input type="number" name="total_hafalan_juz" min="0" max="30" class="form-control form-control-sm" placeholder="Total Hafalan (JUZ)" value="{{isset($daftar_ulang)?$daftar_ulang->total_hafalan_juz:''}}">
                                                <div class="input-group-append">
                                                    <span class="input-group-text form-control-sm">JUZ</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label">Total hafalan (Surat)</label>
                                            <input type="number" name="total_hafalan_surat" class="form-control form-control-sm" placeholder="Total jumlah surat yang di hafal" value="{{isset($daftar_ulang)?$daftar_ulang->total_hafalan_surat:''}}">
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="form-group border p-3">
                                    <label class="form-control-label">Sertifikat Hafalan & Rapor</label><small class="text-danger">Ketentuan File</small>
                                    <ul class="text-left">
                                        <li>
                                            Halaman 1 scan rapor kelas 4 atau 7 semester 2
                                        </li>
                                        <li>
                                            Halaman 2 scan rapor kelas 5 atau 8 semester 1
                                        </li>
                                        <li>
                                            Halaman 3 scan rapor kelas 5 atau 8 semester 2
                                        </li>
                                        <li>Scan sertifikat hafalan</li>
                                        <li>File wajib PDF</li>
                                        <li>Upload file maksimal size 10MB</li>
                                    </ul>
                                @if($daftar_ulang)
                                    <a href="/images/file_sertifikat_hafalan/{{isset($daftar_ulang)?$daftar_ulang->file_sertifikat_hafalan:'default.png'}}" target="new">
                                        <input class="form-control form-control-sm pointer" readonly value="{{isset($daftar_ulang)?$daftar_ulang->file_sertifikat_hafalan:''}}">
                                    </a>
                                    <label class="form-control-label">Change</label>
                                    <input type="file" name="file_sertifikat_hafalan" class="form-control form-control-sm file_sertifikat_hafalan" placeholder="Sertifikat Hafalan" accept="application/pdf">
                                @else
                                    <input type="file" name="file_sertifikat_hafalan" class="form-control form-control-sm file_sertifikat_hafalan" placeholder="Sertifikat Hafalan" accept="application/pdf">
                                @endif
                                </div>
                                
                                @if(isset($daftar_ulang->file_surat_tidak_mampu))
                                <div class="form-group">
                                    <label class="form-control-label">Surat Tidak Mampu</label> <small class="text-danger"> ( Jika ada jika tidak kosongkan ) (PDF ONLY)</small>
                                    <a href="/images/file_surat_tidak_mampu/{{isset($daftar_ulang)?$daftar_ulang->file_surat_tidak_mampu:'default.png'}}" target="new">
                                        <input class="form-control form-control-sm pointer" readonly  value="{{isset($daftar_ulang)?$daftar_ulang->file_surat_tidak_mampu:''}}">
                                    </a>
                                    <label class="form-control-label">Change</label>
                                    <input type="file" name="file_surat_tidak_mampu" class="form-control form-control-sm file_surat_tidak_mampu" placeholder="Surat Tidak Mampu" accept="application/pdf">
                                </div>
                                @else
                                <div class="form-group">
                                    <label class="form-control-label">Surat Tidak Mampu</label> <small class="text-danger"> ( Jika ada jika tidak kosongkan ) (PDF ONLY) (MAX 10MB)</small>
                                    <input type="file" name="file_surat_tidak_mampu" class="form-control form-control-sm file_surat_tidak_mampu" placeholder="Surat Tidak Mampu" accept="application/pdf">
                                </div>
                                @endif
                                @endif
                            </div>
                            
                            @foreach($jalur_pendaftaran as $jpend)
                            @if($jpend->keterangan)
                            <div class="jalur_pendaftaran_keterangan jalur_pendaftaran_keterangan_{{$jpend->id}} @if($daftar_ulang){{$daftar_ulang->id_jalur_pendaftaran == $jpend->id ? '':'display-none'}}@else display-nones @endif">
                                <div style="border: solid 1px #ced4da; border-radius: 10px; padding: 1rem;">
                                    {!! $jpend->keterangan !!}
                                </div>
                            </div>
                            @endif
                            @endforeach
                            
                        </div>
                    </div>
                    <div class="float-right">
                        <a href="#" class="btn btn-md btn-outline-info mr-3" onclick="stepper.previous()">Sebelumnya</a>
                        <a href="#" class="btn btn-md btn-info float-right btn-jalur-pendaftaran-next">Selanjutnya</a>
                    </div>
                </div>
            </div>
            <div id="data-ortu-part" class="content" role="tabpanel" aria-labelledby="data-ortu-part-trigger">
                <div class="data-ortu-wrapper p-4">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card card-info card-outline">
                                <div class="card-header"><h4 class="card-title">Data Ayah</h4></div>
                                <div class="card-body">
                                    <div class="form-group">
                                        <label class="form-control-label">Nama Ayah</label> <small class="text-danger">*</small>
                                        <input type="text" name="nama_ayah" class="form-control form-control-sm" required autofocus placeholder="Nama Ayah" value="{{isset($siswa)?$siswa->nama_ayah:''}}">
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">NIK Ayah</label>
                                        <input type="text" name="nik_ayah" class="form-control form-control-sm" placeholder="NIK Ayah" value="{{isset($daftar_ulang)?$daftar_ulang->nik_ayah:''}}">
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Pendidikan Ayah</label> <small class="text-danger">*</small>
                                        <select name="id_pendidikan_ayah" class="form-control form-control-sm" required autofocus>
                                            <option value="" selected disabled>Pendidikan Ayah</option>
                                            @foreach($pendidikan as $pen)
                                            <option value="{{$pen->id}}" @if($siswa){{$siswa->id_pendidikan_ayah == $pen->id ? 'selected':''}}@endif>{{$pen->pendidikan}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Pekerjaan Ayah</label> <small class="text-danger">*</small>
                                        <select name="id_pekerjaan_ayah" class="form-control form-control-sm" required autofocus>
                                            <option value="" selected disabled>Pekerjaan Ayah</option>
                                            @foreach($pekerjaan as $pek)
                                            <option value="{{$pek->id}}" @if($siswa){{$siswa->id_pekerjaan_ayah == $pek->id ? 'selected':''}}@endif>{{$pek->pekerjaan}}</option>
                                            @endforeach
                                            <option @if($siswa){{$siswa->id_pekerjaan_ayah == 0 ? 'selected':''}}@endif>Lainnya</option>
                                        </select>
                                        <div class="form-group mt-1 other_pekerjaan_ayah_wrapper @if($siswa){{$siswa->id_pekerjaan_ayah == 0 ? '':'display-none'}}@endif">
                                            <input type="text" name="other_pekerjaan_ayah" class="form-control form-control-sm" placeholder="Pekerjaan Ayah" value="{{isset($siswa)?$siswa->other_pekerjaan_ayah:''}}">
                                        </div>
                                    </div>
                                    <!--<div class="form-group">-->
                                    <!--    <label class="form-control-label">Instansi Pekerjaan Ayah</label> <small class="text-danger">*</small>-->
                                    <!--    <input type="text" name="instansi_pekerjaan_ayah" class="form-control form-control-sm" placeholder="Instansi Pekerjaan Ayah" value="{{isset($siswa)?$siswa->instansi_pekerjaan_ayah:''}}">-->
                                    <!--</div>-->
                                    <!--<div class="form-group">-->
                                    <!--    <label class="form-control-label">Jabatan Pekerjaan Ayah</label> <small class="text-danger">*</small>-->
                                    <!--    <input type="text" name="jabatan_pekerjaan_ayah" class="form-control form-control-sm" placeholder="Jabatan Pekerjaan Ayah" value="{{isset($siswa)?$siswa->jabatan_pekerjaan_ayah:''}}">-->
                                    <!--</div>-->
                                    <!--<div class="form-group">-->
                                    <!--    <label class="form-control-label">Alamat Instansi Pekerjaan Ayah</label> <small class="text-danger">*</small>-->
                                    <!--    <textarea name="alamat_instansi_ayah" class="form-control form-control-sm" required autofocus placeholder="Alamat Instansi Pekerjaan Ayah">{{isset($siswa)?$siswa->alamat_instansi_ayah:''}}</textarea>-->
                                    <!--</div>-->
                                    <div class="form-group">
                                        <label class="form-control-label">Penghasilan Ayah</label> <small class="text-danger">*</small>
                                        <select name="id_penghasilan_ayah" class="form-control form-control-sm" required autofocus>
                                            <option value="" selected disabled>Penghasilan Ayah</option>
                                            @foreach($penghasilan as $peng)
                                            <option value="{{$peng->id}}" @if($siswa){{$siswa->id_penghasilan_ayah == $peng->id ? 'selected':''}}@endif>{{$peng->penghasilan}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Nomor HP Ayah</label> <small class="text-danger">*</small>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text form-control-sm">+62</span>
                                            </div>
                                            <input type="number" name="hp_ayah" class="form-control form-control-sm" required autofocus placeholder="Nomor Hp Ayah" value="{{isset($siswa)?$siswa->hp_ayah:''}}">
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label class="form-control-label">No. WhatsApp Ayah</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text form-control form-control-sm">+62</span>
                                            </div>
                                            @if($daftar_ulang)
                                            @if($daftar_ulang->no_wa_ayah)
                                            <input type="number" name="no_wa_ayah" class="form-control form-control-sm" placeholder="No. WhatsApp Ayah" value="{{$daftar_ulang->no_wa_ayah}}">
                                            @else
                                            <input type="number" name="no_wa_ayah" class="form-control form-control-sm" placeholder="No. WhatsApp Ayah" value="{{$siswa->hp_ayah}}">
                                            @endif
                                            @else
                                            <input type="number" name="no_wa_ayah" class="form-control form-control-sm" placeholder="No. WhatsApp Ayah" value="{{isset($siswa)?$siswa->hp_ayah:''}}">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Alamat Ayah</label> <small class="text-danger">*</small>
                                        <textarea name="alamat_ayah" class="form-control form-control-sm" required autofocus placeholder="Alamat Ayah">{{isset($siswa)?$siswa->alamat_ayah:''}}</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Tempat Lahir Ayah</label> <small class="text-danger">*</small>
                                        <textarea name="tempat_lahir_ayah" class="form-control form-control-sm" required autofocus placeholder="Tempat Lahir Ayah">{{isset($siswa)?$siswa->tempat_lahir_ayah:''}}</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Tanggal Lahir Ayah</label> <small class="text-danger">*</small>
                                        <input type="date" name="tanggal_lahir_ayah" class="form-control form-control-sm" required autofocus value="{{isset($siswa)?$siswa->tanggal_lahir_ayah:''}}">
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Keterangan Ayah</label>
                                        <select name="keterangan_ayah" class="form-control form-control-sm">
                                            <option @if($daftar_ulang){{$daftar_ulang->keterangan_ayah == 'Masih Hidup' ? 'selected':''}}@endif>Masih Hidup</option>
                                            <option @if($daftar_ulang){{$daftar_ulang->keterangan_ayah == 'Meninggal' ? 'selected':''}}@endif>Meninggal</option>
                                        </select>
                                    </div>
                                    <div class="form-group tma_wrapper @if($daftar_ulang){{$daftar_ulang->keterangan_ayah == 'Meninggal' ? '':'display-none'}}@else display-none @endif">
                                        <label class="form-control-label">Tahun Meninggal Ayah</label>
                                        <input type="number" name="tahun_meninggal_ayah" class="form-control form-control-sm" placeholder="Tahun Meninggal Ayah" value="{{isset($daftar_ulang)?$daftar_ulang->tahun_meninggal_ayah:''}}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card card-info card-outline">
                                <div class="card-header"><h4 class="card-title">Data Ibu</h4></div>
                                <div class="card-body">
                                    <div class="form-group">
                                        <label class="form-control-label">Nama Ibu</label> <small class="text-danger">*</small>
                                        <input type="text" name="nama_ibu" class="form-control form-control-sm" required autofocus placeholder="Nama Ibu" value="{{isset($siswa)?$siswa->nama_ibu:''}}">
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">NIK Ibu</label>
                                        <input type="text" name="nik_ibu" class="form-control form-control-sm" placeholder="NIK Ibu" value="{{isset($daftar_ulang)?$daftar_ulang->nik_ibu:''}}">
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Pendidikan Ibu</label> <small class="text-danger">*</small>
                                        <select name="id_pendidikan_ibu" class="form-control form-control-sm" required autofocus>
                                            <option value="" selected disabled>Pendidikan Ibu</option>
                                            @foreach($pendidikan as $pen)
                                            <option value="{{$pen->id}}" @if($siswa){{$siswa->id_pendidikan_ibu == $pen->id ? 'selected':''}}@endif>{{$pen->pendidikan}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Pekerjaan Ibu</label> <small class="text-danger">*</small>
                                        <select name="id_pekerjaan_ibu" class="form-control form-control-sm" required autofocus>
                                            <option value="" selected disabled>Pekerjaan Ibu</option>
                                            @foreach($pekerjaan as $pek)
                                            <option value="{{$pek->id}}" @if($siswa){{$siswa->id_pekerjaan_ibu == $pek->id ? 'selected':''}}@endif>{{$pek->pekerjaan}}</option>
                                            @endforeach
                                            <option @if($siswa){{$siswa->id_pekerjaan_ibu == 0 ? 'selected':''}}@endif>Lainnya</option>
                                        </select>
                                        <div class="form-group mt-1 other_pekerjaan_ibu_wrapper @if($siswa){{$siswa->id_pekerjaan_ibu == 0 ? '':'display-none'}}@endif">
                                            <input type="text" name="other_pekerjaan_ibu" class="form-control form-control-sm" placeholder="Pekerjaan Ibu" value="{{isset($siswa)?$siswa->other_pekerjaan_ibu:''}}">
                                        </div>
                                    </div>
                                    <!--<div class="form-group">-->
                                    <!--    <label class="form-control-label">Instansi Pekerjaan Ibu</label> <small class="text-danger">*</small>-->
                                    <!--    <input type="text" name="instansi_pekerjaan_ibu" class="form-control form-control-sm" placeholder="Instansi Pekerjaan Ibu" value="{{isset($siswa)?$siswa->instansi_pekerjaan_ibu:''}}">-->
                                    <!--</div>-->
                                    <!--<div class="form-group">-->
                                    <!--    <label class="form-control-label">Jabatan Pekerjaan Ibu</label> <small class="text-danger">*</small>-->
                                    <!--    <input type="text" name="jabatan_pekerjaan_ibu" class="form-control form-control-sm" placeholder="Jabatan Pekerjaan Ibu" value="{{isset($siswa)?$siswa->jabatan_pekerjaan_ibu:''}}">-->
                                    <!--</div>-->
                                    <!--<div class="form-group">-->
                                    <!--    <label class="form-control-label">Alamat Instansi Pekerjaan Ibu</label> <small class="text-danger">*</small>-->
                                    <!--    <textarea name="alamat_instansi_ibu" class="form-control form-control-sm" required autofocus placeholder="Alamat Instansi Pekerjaan Ibu">{{isset($siswa)?$siswa->alamat_instansi_ibu:''}}</textarea>-->
                                    <!--</div>-->
                                    <div class="form-group">
                                        <label class="form-control-label">Penghasilan Ibu</label> <small class="text-danger">*</small>
                                        <select name="id_penghasilan_ibu" class="form-control form-control-sm" required autofocus>
                                            <option value="" selected disabled>Penghasilan Ibu</option>
                                            @foreach($penghasilan as $peng)
                                            <option value="{{$peng->id}}" @if($siswa){{$siswa->id_penghasilan_ibu == $peng->id ? 'selected':''}}@endif>{{$peng->penghasilan}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Nomor HP Ibu</label> <small class="text-danger">*</small>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text form-control-sm">+62</span>
                                            </div>
                                            <input type="number" name="hp_ibu" class="form-control form-control-sm" required autofocus placeholder="Nomor Hp Ibu" value="{{isset($siswa)?$siswa->hp_ibu:''}}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">No. WhatsApp Ibu</label>
                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text form-control form-control-sm">+62</span>
                                            </div>
                                            @if($daftar_ulang)
                                            @if($daftar_ulang->no_wa_ibu)
                                            <input type="number" name="no_wa_ibu" class="form-control form-control-sm" placeholder="No. WhatsApp Ayah" value="{{$daftar_ulang->no_wa_ibu}}">
                                            @else
                                            <input type="number" name="no_wa_ibu" class="form-control form-control-sm" placeholder="No. WhatsApp Ayah" value="{{$siswa->hp_ibu}}">
                                            @endif
                                            @else
                                            <input type="number" name="no_wa_ibu" class="form-control form-control-sm" placeholder="No. WhatsApp Ayah" value="{{isset($siswa)?$siswa->hp_ibu:''}}">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Alamat Ibu</label> <small class="text-danger">*</small>
                                        <textarea name="alamat_ibu" class="form-control form-control-sm" required autofocus placeholder="Alamat Ibu">{{isset($siswa)?$siswa->alamat_ibu:''}}</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Tempat Lahir Ibu</label> <small class="text-danger">*</small>
                                        <textarea name="tempat_lahir_ibu" class="form-control form-control-sm" required autofocus placeholder="Tempat Lahir Ibu">{{isset($siswa)?$siswa->tempat_lahir_ibu:''}}</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Tanggal Lahir Ibu</label> <small class="text-danger">*</small>
                                        <input type="date" name="tanggal_lahir_ibu" class="form-control form-control-sm" required autofocus value="{{isset($siswa)?$siswa->tanggal_lahir_ibu:''}}">
                                    </div>
                                    <div class="form-group">
                                        <label class="form-control-label">Keterangan Ibu</label>
                                        <select name="keterangan_ibu" class="form-control form-control-sm">
                                            <option @if($daftar_ulang){{$daftar_ulang->keterangan_ibu == 'Masih Hidup' ? 'selected':''}}@endif>Masih Hidup</option>
                                            <option @if($daftar_ulang){{$daftar_ulang->keterangan_ibu == 'Meninggal' ? 'selected':''}}@endif>Meninggal</option>
                                        </select>
                                    </div>
                                    <div class="form-group tmi_wrapper @if($daftar_ulang){{$daftar_ulang->keterangan_ibu == 'Meninggal' ? '':'display-none'}}@else display-none @endif">
                                        <label class="form-control-label">Tahun Meninggal Ibu</label>
                                        <input type="number" name="tahun_meninggal_ibu" class="form-control form-control-sm" placeholder="Tahun Meninggal Ibu" value="{{isset($daftar_ulang)?$daftar_ulang->tahun_meninggal_ibu:''}}">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card card-info card-outline">
                        <div class="card-header"><h4 class="card-title">Lainnya</h4></div>
                        <div class="card-body">
                            <div class="form-group">
                                <label class="form-control-label">Status Pernikahan</label> <small class="text-danger">*</small>
                                <select name="status_pernikahan" class="form-control form-control-sm" required autofocus>
                                    <option value="" selected disabled>Status Pernikahan</option>
                                    <option value="Nikah" @if($siswa){{$siswa->status_pernikahan == "Nikah" ? 'selected':''}}@endif>Nikah</option>
                                    <option value="Cerai Mati" @if($siswa){{$siswa->status_pernikahan == "Cerai Mati" ? 'selected':''}}@endif>Cerai Mati</option>
                                    <option value="Cerai Hidup" @if($siswa){{$siswa->status_pernikahan == "Cerai Hidup" ? 'selected':''}}@endif>Cerai Hidup</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">Tanggungan Anak</label> <small class="text-danger">*</small>
                                <select name="tanggungan_anak" class="form-control form-control-sm" required autofocus>
                                    <option value="" selected disabled>Tanggungan Anak</option>
                                    @for($a = 1; $a <= 10; $a++)
                                    <option value="{{$a}}" @if($siswa){{$siswa->tanggungan_anak == $a ? 'selected':''}}@endif>{{$a}}</option>
                                    @endfor
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="float-right">
                        <a href="#" class="btn btn-md btn-outline-info mr-3" onclick="stepper.previous()">Sebelumnya</a>
                        <a href="#" class="btn btn-md btn-info btn-data-ortu-next">Selanjutnya</a>
                    </div>
                </div>
            </div>
            <div id="data-wali-part" class="content" role="tabpanel" aria-labelledby="data-wali-part-trigger">
                <div class="data-wali-wrapper p-4">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Data Wali </h4> <label class="text-danger">&nbsp; (Jika Ada)</label>
                        </div>
                        <div class="card-body">
                            <div class="form-group">
                                <label class="form-control-label">Nama Wali</label>
                                <input type="text" name="nama_wali" class="form-control form-control-sm" placeholder="Nama Wali" value="{{isset($daftar_ulang)?$daftar_ulang->nama_wali:''}}">
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">NIK Wali</label>
                                <input type="text" name="nik_wali" class="form-control form-control-sm" placeholder="NIK Wali" value="{{isset($daftar_ulang)?$daftar_ulang->nik_wali:''}}">
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">No. WhatsApp Wali</label>
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text form-control form-control-sm">+62</span>
                                    </div>
                                    <input type="number" name="no_wa_wali" class="form-control form-control-sm" placeholder="No. WhatsApp Wali" value="{{isset($daftar_ulang)?$daftar_ulang->no_wa_wali:''}}">
                                </div>
                            </div>
                            <div class="form-group dusun_wrapper display-none">
                                <label class="form-control-label">Alamat Wali</label>
                                <textarea name="alamat_wali" class="form-control form-control-sm" placeholder="Alamat Wali">{{isset($daftar_ulang)?$daftar_ulang->alamat_wali:''}}</textarea>
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">Tempat Lahir Wali</label>
                                <input type="text" name="tempat_lahir_wali" class="form-control form-control-sm" placeholder="Tempat Lahir Wali" value="{{isset($daftar_ulang)?$daftar_ulang->tempat_lahir_wali:''}}">
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">Tanggal Lahir Wali</label>
                                <input type="date" name="tanggal_lahir_wali" class="form-control form-control-sm" placeholder="Tanggal Lahir Wali" value="{{isset($daftar_ulang)?$daftar_ulang->tanggal_lahir_wali:''}}">
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">Pendidikan Wali</label>
                                <select name="id_pendidikan_wali" class="form-control form-control-sm" required autofocus>
                                    <option value="" selected disabled>Pendidikan Wali</option>
                                    @foreach($pendidikan as $pen)
                                    <option value="{{$pen->id}}" @if($daftar_ulang){{$daftar_ulang->id_pendidikan_wali == $pen->id ? 'selected':''}}@endif>{{$pen->pendidikan}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">Pekerjaan Wali</label>
                                <select name="id_pekerjaan_wali" class="form-control form-control-sm" required autofocus>
                                    <option value="" selected disabled>Pekerjaan Wali</option>
                                    @foreach($pekerjaan as $pek)
                                    <option value="{{$pek->id}}" @if($daftar_ulang){{$daftar_ulang->id_pekerjaan_wali == $pek->id ? 'selected':''}}@endif>{{$pek->pekerjaan}}</option>
                                    @endforeach
                                    <option @if(isset($daftar_ulang->id_pekerjaan_wali)){{$daftar_ulang->id_pekerjaan_wali == 0 ? 'selected':''}}@endif>Lainnya</option>
                                </select>
                                <div class="form-group mt-1 other_pekerjaan_wali_wrapper @if(isset($daftar_ulang->id_pekerjaan_wali)){{$daftar_ulang->id_pekerjaan_wali == 0 ? '':'display-none'}}@else display-none @endif">
                                    <input type="text" name="other_pekerjaan_wali" class="form-control form-control-sm" placeholder="Pekerjaan Wali" value="{{isset($daftar_ulang)?$daftar_ulang->other_pekerjaan_wali:''}}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">Instansi Pekerjaan Wali</label> <small class="text-danger">*</small>
                                <input type="text" name="instansi_pekerjaan_wali" class="form-control form-control-sm" placeholder="Instansi Pekerjaan wali" value="{{isset($daftar_ulang)?$daftar_ulang->instansi_pekerjaan_wali:''}}">
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">Jabatan Pekerjaan Wali</label> <small class="text-danger">*</small>
                                <input type="text" name="jabatan_pekerjaan_wali" class="form-control form-control-sm" placeholder="Jabatan Pekerjaan Wali" value="{{isset($daftar_ulang)?$daftar_ulang->jabatan_pekerjaan_wali:''}}">
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">Alamat Instansi Pekerjaan Wali</label> <small class="text-danger">*</small>
                                <textarea name="alamat_instansi_wali" class="form-control form-control-sm" required autofocus placeholder="Alamat Instansi Pekerjaan Wali">{{isset($daftar_ulang)?$daftar_ulang->alamat_instansi_wali:''}}</textarea>
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">Penghasilan Wali</label>
                                <select name="id_penghasilan_wali" class="form-control form-control-sm" required autofocus>
                                    <option value="" selected disabled>Penghasilan Wali</option>
                                    @foreach($penghasilan as $peng)
                                    <option value="{{$peng->id}}" @if($daftar_ulang){{$daftar_ulang->id_penghasilan_wali == $peng->id ? 'selected':''}}@endif>{{$peng->penghasilan}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="float-right">
                        <a href="#" class="btn btn-md btn-outline-info mr-3" onclick="stepper.previous()">Sebelumnya</a>
                        <a href="#" class="btn btn-md btn-info btn-data-wali-next">Selanjutnya</a>
                    </div>
                </div>
            </div>
            <div id="ukuran-baju-part" class="content" role="tabpanel" aria-labelledby="ukuran-baju-part-trigger">
                <div class="ukuran-seragam-wrapper p-4">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Ukuran Baju</h4>
                        </div>
                        <div class="card-body">
                            @if($slider_seragam)
                            <div id="myCarousel" class="carousel slide" data-ride="carousel">
                                <ol class="carousel-indicators">
                                    @foreach($slider_seragam as $key => $slider)
                                        <li data-target="#myCarousel" data-slide-to="{{$key}}" class="{{$key == 0 ? 'active':''}}"></li>
                                    @endforeach
                                </ol>
                                
                                <div class="carousel-inner">
                                    @foreach($slider_seragam as $key => $slider)
                                    <div class="item {{$key == 0 ? 'active':''}}">
                                        <img src="/images/slider_ukuran_seragam/{{$slider->foto}}" alt="{{$key}}" style="width:100%;">
                                        <div class="carousel-caption">
                                            <h3>{{$slider->judul}}</h3>
                                            <p>{{$slider->keterangan}}</p>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                                
                                <!--<a class="left carousel-control" href="#myCarousel" data-slide="prev">-->
                                <!--  <span class="icon-prev fa fa-chevron-left"></span><span class="sr-only">Previous</span>-->
                                <!--</a>-->
                                <!--<a class="right carousel-control" href="#myCarousel" data-slide="next">-->
                                <!--  <span class="icon-next fa fa-chevron-right"></span><span class="sr-only">Next</span>-->
                                <!--</a>-->
                            </div>
                            
                            <div class="form-group mt-4">
                                <label class="form-control-label">Ukuran Seragam</label>
                                <select name="id_ukuran_seragam" class="form-control form-control-sm" required autofocus>
                                    <option value="" selected disabled>Ukuran Seragam</option>
                                    @foreach($ukuran_seragam as $us)
                                    @if($us->tambahan_biaya)
                                    <option value="{{$us->id}}" @if($daftar_ulang){{$daftar_ulang->id_ukuran_seragam == $us->id ? 'selected':''}}@endif>{{$us->ukuran_seragam}} (Tambahan biaya : Rp. {{number_format($us->tambahan_biaya,0,".",".")}},00 / pcs)</option>
                                    @else
                                    <option value="{{$us->id}}" @if($daftar_ulang){{$daftar_ulang->id_ukuran_seragam == $us->id ? 'selected':''}}@endif>{{$us->ukuran_seragam}}</option>
                                    @endif
                                    @endforeach
                                </select>
                            </div>
                            <!--<div class="form-check">-->
                            <!--  <input name="cb-btn-ukuran-seragam-next" class="form-check-input" type="checkbox" required autofocus>-->
                            <!--  <label class="form-check-label">Ukuran baju yg dipilih sesuai dengan perkiraan bulan {{date('F Y', strtotime($siswa->pendaftaran->tahun_ajaran->tgl_ajaran))}} dan tidak bisa dikembalikan</label>-->
                            <!--</div>-->
                            @else
                            <p class="alert alert-danger">
                                @if(isset($siswa->pendaftaran))
                                Belum ada seragam yang tersedia untuk <b>{{$siswa->pendaftaran->jenis_sekolah->jenis_sekolah}}</b>. Harap kontak admin untuk informasi lebih lanjut! 
                                @else
                                Belum ada seragam yang tersedia untuk saat ini. Harap kontak admin untuk informasi lebih lanjut! 
                                @endif
                            </p>
                            @endif
                        </div>
                    </div>
                    <div class="float-right">
                        <a href="#" class="btn btn-md btn-outline-info mr-3" onclick="stepper.previous()">Sebelumnya</a>
                        @if($slider_seragam)
                        <a href="#" class="btn btn-md btn-info btn-ukuran-seragam-next">Selanjutnya</a>
                        @endif
                    </div>
                </div>
            </div>
            {{-- pilih spp --}}
            <div id="pilih-spp-part" class="content" role="tabpanel" aria-labelledby="pilih-spp-part-trigger">
                <div class="pilih-spp-wrapper p-4">
                    @if($user)
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Pilihan SPP/bulan</h4>
                        </div>
                        <div class="card-body"> 
                            <div class="form-group">
                                <div class="row">
                                    <!-- Radio Button Group 1 -->
                                    @if (optional($pilih_spp)->spp1 !== null)
                                    <input type="radio" name="spp" id="spp1" value="{{ optional($pilih_spp)->spp1 }}" class="radio-style" onclick="setValue('{{ optional($pilih_spp)->spp1 }}')" style="height: 1.5rem; width: 1.2rem; vertical-align: middle; cursor: pointer; margin-right: 0.5rem;" {{ $siswa->nominal_spp == optional($pilih_spp)->spp1 ? 'checked' : '' }} {{ is_null(optional($pilih_spp)->spp1) ? 'disabled' : '' }}>
                                    <label for="spp1" style="cursor: pointer;">Rp {{ number_format(optional($pilih_spp)->spp1, 0, ',', '.') }}</label>
                                    @endif

                                    <!-- Radio Button Group 2 -->
                                    @if (optional($pilih_spp)->spp2 !== null)
                                    <input type="radio" name="spp" id="spp2" value="{{ optional($pilih_spp)->spp2 }}" class="radio-style" onclick="setValue('{{ optional($pilih_spp)->spp2 }}')" style="height: 1.5rem; width: 1.2rem; vertical-align: middle; cursor: pointer; margin-right: 0.5rem; margin-left: 2rem;" {{ $siswa->nominal_spp == optional($pilih_spp)->spp2 ? 'checked' : '' }} {{ is_null(optional($pilih_spp)->spp2) ? 'disabled' : '' }}>
                                    <label for="spp2" style="cursor: pointer;">Rp {{ number_format(optional($pilih_spp)->spp2, 0, ',', '.') }}</label>
                                    @endif

                                    <!-- Radio Button Group 3 -->
                                    @if (optional($pilih_spp)->spp3 !== null)
                                    <input type="radio" name="spp" id="spp3" value="{{ optional($pilih_spp)->spp3 }}" class="radio-style" onclick="setValue('{{ optional($pilih_spp)->spp3 }}')" style="height: 1.5rem; width: 1.2rem; vertical-align: middle; cursor: pointer; margin-right: 0.5rem; margin-left: 2rem;" {{ $siswa->nominal_spp == optional($pilih_spp)->spp3 ? 'checked' : '' }} {{ is_null(optional($pilih_spp)->spp3) ? 'disabled' : '' }}>
                                    <label for="spp3" style="cursor: pointer;">Rp {{ number_format(optional($pilih_spp)->spp3, 0, ',', '.') }}</label>
                                    @endif

                                    <!-- Radio Button Group 4 -->
                                    @if (optional($pilih_spp)->spp4 !== null)
                                    <input type="radio" name="spp" id="spp4" value="{{ optional($pilih_spp)->spp4 }}" class="radio-style" onclick="setValue('{{ optional($pilih_spp)->spp4 }}')" style="height: 1.5rem; width: 1.2rem; vertical-align: middle; cursor: pointer; margin-right: 0.5rem; margin-left: 2rem;" {{ $siswa->nominal_spp == optional($pilih_spp)->spp4 ? 'checked' : '' }} {{ is_null(optional($pilih_spp)->spp4) ? 'disabled' : '' }}>
                                    <label for="spp4" style="cursor: pointer;">Rp {{ number_format(optional($pilih_spp)->spp4, 0, ',', '.') }}</label>
                                    @endif
                                    <input id="inputResultSpp" class="form-control form-control-sm mt-3" type="text" value="{{ isset($siswa->nominal_spp) ? 'Rp ' . number_format($siswa->nominal_spp, 0, ',', '.') : '' }}" readonly>
                                    
                                </div>
                                <small class="text-danger">*Ketentuan : Jika dikemudian hari ada kenaikan spp, maka besaran kenaikan akan ditambahkan dari spp yang sudah dipilih.</small>
                                
                            </div>
                        </div>
                        <!--<hr>-->
                        <!--<div class="card-header" style="margin-top: -1rem;">-->
                        <!--    <h4 class="card-title">Infaq Dana Orang Tua Asuh/bulan (opsional/boleh tidak diisi)</h4>-->
                        <!--</div>-->
                        <!--<div class="card-body"> -->
                        <!--    <input type="text" id="dana_ortu_asuh" name="dana_ortu_asuh" class="form-control form-control-sm" placeholder="Dana Ortu Asuh" value="{{ isset($dana_ortu->dana_ortu_asuh) ? number_format($dana_ortu->dana_ortu_asuh, 0, ',', '.') : '' }}">-->
                        <!--</div>  -->
                    </div>
                    <div class="float-right">
                        <div class="float-right">
                            <a href="#" class="btn btn-md btn-outline-info mr-3" onclick="stepper.previous()">Sebelumnya</a>
                            <a href="#" class="btn btn-md btn-info btn-pilih-spp-next">Selanjutnya</a>
                        </div>
                    </div>
                    @else
                    <p class="alert alert-info">Oopss! Ada yang tidak beres! Harap muat ulang halaman ini dan coba lagi nanti!</p>
                    @endif
                </div>
            </div>
        </div>
    </div>    
</section>

<div class="modal fade" id="md_payment_help" role="dialog" aria-labelledby="create" style="z-index: 1999;">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content" id="create_content">
            <div class="modal-header">
                <h5 class="modal-title">Langkah-langkah pembayaran</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="help-wrapper">
                    
                </div>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn btn-md btn-outline-info" style="font-weight:bold; font-size:15px" data-dismiss="modal">Close</a>
            </div>
        </div>
    </div>
</div>

@endsection
@push('custom-scripts')
    <script>
    @if($is_verified)
        if("{{$is_verified}}" == 1){
            successAlert('Selamat email mu berhasil di verifikasi <br><br> <a href="#" class="btn btn-info btn-md" style="font-weight:bold; font-size:15px" data-dismiss="modal">Lanjutkan pendaftaran</a>');
            // window.history.pushState('', '', '/pendaftaran');
        }
    @endif
    
    @if($is_registered)
        if("{{$is_registered}}" == 1){
            infoAlertPerma("Link verifikasi telah dikirimkan ke email kamu. <br> Segera cek email dan klik link verifikasi email agar bisa melanjutkan proses selanjutnya. <br><br> <a href='/pendaftaran?is_verified=1'>Klik disini</a> Jika email Sudah Di Verifikasi <br><br> <a href='/resend-verification-email'>Kirim Ulang Email</a>");
            // window.history.pushState('', '', '/pendaftaran');
        }
    @endif
    
    @if($is_paid)
        var $biaya_administrasi = 0;
        
        @if($siswa)
            $biaya_administrasi = convertToRupiah("{{$siswa->biaya_administrasi}}");
        @endif
        if("{{$is_paid}}" == 1){
            
            message = "<div class='form-group text-left'>" +
                        "<label class='form-control-label'>Nama Perusahaan</label>" +
                        "<input class='form-control form-control-sm' value='{{$is_paid_msg['company_name']}}' readonly>" +
                     "</div>" +
                     "<div class='form-group text-left'>" +
                        "<label class='form-control-label'>No. Virtual Account Bank Nagari</label>" +
                        "<div class='input-group mb-3'>" +
                            "<input class='form-control form-control-sm' id='inp_cust_code' value='{{$is_paid_msg['no_va']}}' readonly>" +
                            "<div class='input-group-append pointer btn-copy-no-va'>" +
                                "<span class='input-group-text form-control-sm'><i class='fa fa-clipboard'></i></span>" +
                            "</div>" +
                        "</div>" +
                     "</div>" +
                     "<div class='form-group text-left'>" +
                        "<label class='form-control-label'>Nominal</label>" +
                        "<div class='input-group mb-3'>" +
                            "<input class='form-control form-control-sm' id='inp_nominal' value='{{$is_paid_msg['biaya_administrasi']}}' readonly>" +
                            "<div class='input-group-append pointer btn-copy-nominal'>" +
                                "<span class='input-group-text form-control-sm'><i class='fa fa-clipboard'></i></span>" +
                            "</div>" +
                        "</div>" +
                     "</div>" +
                     
                     "Harap transfer sesuai dengan nominal {{$is_paid_msg['nominal']}} ke No. Virtual Account Bank Nagari yang tertera di atas!" +
                     "<br>" +
                     "Perbedaan nilai transfer akan menghambat proses verfikasi!" +
                     "<br>" +
                     "Harap selesaikan pembayaranmu dalam kurun waktu {{$is_paid_msg['exp_day']}} Hari." +
                     "<br>" +
                     "<br>" +
                     "<a href='#' onclick='location.reload()'>Muat ulang</a> Halaman ini Jika sudah melakukan pembayaran.";
            successAlertPerma(message);
            // window.history.pushState('', '', '/pendaftaran');
        }
    @endif
    </script>
    
    @if(isset($daftar_ulang->id_provinsi))
    <script>
        $(document).ready(function(e){
            if("{{$daftar_ulang->id_provinsi}}"){
                if("{{$daftar_ulang->id_provinsi}}") $("select[name=id_provinsi]").append($("<option selected='selected'></option>").val("{{$daftar_ulang->id_provinsi}}").text("{{$daftar_ulang->provinsi->provinsi}}")).trigger('change');
                loadSearchKota("{{$daftar_ulang->id_provinsi}}")
                loadSearchKecamatan("{{$daftar_ulang->id_kota}}")
                loadSearchKelurahan("{{$daftar_ulang->id_kecamatan}}")
                $('textarea[name=dusun]').val("{{$daftar_ulang->dusun}}");
            }
        });
        function loadSearchKota(id_provinsi){
            $(".searchKota").select2({
                placeholder: "Kota",
                ajax: {
                    url: "/web_api/kota/getData?id_provinsi="+id_provinsi,
                    dataType: "json",
                    delay: 250,
                    processResults: function (data) {
                        data = data.data;
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    text: item.kota,
                                    id: item.id
                                };
                            })
                        };
                    },
                    cache: false
                }
            });
            if("{{$daftar_ulang->id_provinsi}}" == id_provinsi) $("select[name=id_kota]").append($("<option selected='selected'></option>").val("{{$daftar_ulang->id_kota}}").text("{{$daftar_ulang->kota->kota}}")).trigger('change');
        }
        function loadSearchKecamatan(id_kota){
            $(".searchKecamatan").select2({
                placeholder: "Kecamatan",
                ajax: {
                    url: "/web_api/kecamatan/getData?id_kota="+id_kota,
                    dataType: "json",
                    delay: 250,
                    processResults: function (data) {
                        data = data.data;
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    text: item.kecamatan,
                                    id: item.id
                                };
                            })
                        };
                    },
                    cache: false
                }
            });
            if("{{$daftar_ulang->id_kota}}" == id_kota) $("select[name=id_kecamatan]").append($("<option selected='selected'></option>").val("{{$daftar_ulang->id_kecamatan}}").text("{{$daftar_ulang->kecamatan->kecamatan}}")).trigger('change');
        }
        function loadSearchKelurahan(id_kecamatan){
            $(".searchKelurahan").select2({
                placeholder: "Kecamatan",
                ajax: {
                    url: "/web_api/kelurahan/getData?id_kecamatan="+id_kecamatan,
                    dataType: "json",
                    delay: 250,
                    processResults: function (data) {
                        data = data.data;
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    text: item.kelurahan,
                                    id: item.id
                                };
                            })
                        };
                    },
                    cache: false
                }
            });
            if("{{$daftar_ulang->id_kecamatan}}" == id_kecamatan) $("select[name=id_kelurahan]").append($("<option selected='selected'></option>").val("{{$daftar_ulang->id_kelurahan}}").text("{{$daftar_ulang->kelurahan->kelurahan}}")).trigger('change');
        }
    </script>
    @else
    <script>
        function loadSearchKota(id_provinsi){
            $(".searchKota").select2({
                placeholder: "Kota",
                ajax: {
                    url: "/web_api/kota/getData?id_provinsi="+id_provinsi,
                    dataType: "json",
                    delay: 250,
                    processResults: function (data) {
                        data = data.data;
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    text: item.kota,
                                    id: item.id
                                };
                            })
                        };
                    },
                    cache: false
                }
            });
        }
        function loadSearchKecamatan(id_kota){
            $(".searchKecamatan").select2({
                placeholder: "Kecamatan",
                ajax: {
                    url: "/web_api/kecamatan/getData?id_kota="+id_kota,
                    dataType: "json",
                    delay: 250,
                    processResults: function (data) {
                        data = data.data;
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    text: item.kecamatan,
                                    id: item.id
                                };
                            })
                        };
                    },
                    cache: false
                }
            });
        }
        function loadSearchKelurahan(id_kecamatan){
            $(".searchKelurahan").select2({
                placeholder: "Kecamatan",
                ajax: {
                    url: "/web_api/kelurahan/getData?id_kecamatan="+id_kecamatan,
                    dataType: "json",
                    delay: 250,
                    processResults: function (data) {
                        data = data.data;
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    text: item.kelurahan,
                                    id: item.id
                                };
                            })
                        };
                    },
                    cache: false
                }
            });
        }
        </script>
    @endif
    
    <script>
        $(document).on('click', 'a[href^="/resend-verification-email"]', function(e){
            e.preventDefault();
            var e_modal_wait = $("#modalWait");
            showLoading(e_modal_wait);
            
            $.ajax({
                url: '/resend-verification-email',
                type: "get",
                data: {
                    uid: $(this).data('uid')
                }
            }).done(function (result) {
                var message = result.message;
                hideLoading(e_modal_wait);
                if (result.status) {
                    infoAlertPerma(result.message);
                } else {
                    failedAlert(message);
                }
            }).fail(ajax_fail);
        })
        
        $(document).on('change', '#foto_siswa', function(e){
            var target = $('#foto_siswa_view'),
                src = $('#foto_siswa');
                
            var fr = new FileReader();
            fr.onloadend = function (e) {
                var pp = e.target.result;
                target.attr('src', e.target.result);
            }
            fr.readAsDataURL(src[0].files[0]); 
        });
        
        $('select[name=id_pendaftaran]').select2();
        $('select[name=id_provinsi]').select2();
        
        $(document).on('click', '.btn-payment-help', function(){
            var payment_method = $('#sel_payment_method').val(),
                data = JSON.parse(payment_method),
                help = langkahPembayaran(data.bank, data.nama_akun, data.no_akun_bank),
                help_wrapper = $('.help-wrapper');
            
            $('#md_payment').modal('hide');
            help_wrapper.html(help);
            $('#md_payment_help').modal('show');
        });
        $("#sel_payment_method").select2({
            templateResult: function (data) {
                logo = 'default.png';
                akun = '';
                if(data.id){
                    var id = JSON.parse(data.id);
                    logo = id.logo;
                    akun = id.nama_akun + ' - ' + id.no_akun_bank;
                }
                var $span = $('<span><img style="max-height:25px;" src="/images/bank/'+logo+'" class="mr-2"/>'+data.text+' <br> <label>'+akun+'</label> </span>');
              	return $span;
            },
        	templateSelection: function (data) {
        	    logo = 'default.png';
                akun = '';
                if(data.id){
                    var id = JSON.parse(data.id);
                    logo = id.logo;
                    akun = id.nama_akun + ' - ' + id.no_akun_bank;
                }
              	var $span = $('<span><img style="max-height:25px; margin-bottom: 5px;" src="/images/bank/'+logo+'" class="mr-2"/>'+data.text+' <label class="ml-2">'+akun+'</label></span>');
              	return $span;
        	}
        });
        document.addEventListener('DOMContentLoaded', function () {
            window.stepper = new Stepper(document.querySelector('.bs-stepper'))
        });
        
        $(document).on('change', 'select[name=id_pekerjaan_ayah]', function(){
            var wrapper = $('.other_pekerjaan_ayah_wrapper');
            if($(this).val() == "Lainnya"){
                wrapper.removeClass('display-none')
            }else{
                if(!wrapper.hasClass('display-none')){
                    wrapper.addClass('display-none')
                }
            }
        });
        
        $(document).on('change', 'select[name=id_pekerjaan_ibu]', function(){
            var wrapper = $('.other_pekerjaan_ibu_wrapper');
            if($(this).val() == "Lainnya"){
                wrapper.removeClass('display-none')
            }else{
                if(!wrapper.hasClass('display-none')){
                    wrapper.addClass('display-none')
                }
            }
        });
        
        $(document).ready(function(e){
            if("{{$is_logedin}}" == 1){
                stepper.next();
                if("{{$step}}" == 2){
                    stepper.next();
                }
                if("{{$step}}" == 3){
                    stepper.next(); stepper.next();
                    // scrollHorizontal($('#bs-stepper-header'), $('#data-wali-part-trigger'))
                }
                if("{{$step}}" == 4){
                    stepper.next(); stepper.next(); stepper.next();
                }
                if("{{$step}}" == 5){
                    stepper.next(); stepper.next(); stepper.next(); stepper.next();
                }
                if("{{$step}}" == 6){
                    stepper.next(); stepper.next(); stepper.next(); stepper.next(); stepper.next();
                    // scrollHorizontal($('#bs-stepper-header'), $('#konfirmasi-data-part-trigger'))
                }
                if("{{$step}}" == 7){
                    stepper.next(); stepper.next(); stepper.next(); stepper.next(); stepper.next(); stepper.next();
                }
                if("{{$step}}" == 8){
                    stepper.next(); stepper.next(); stepper.next(); stepper.next(); stepper.next(); stepper.next(); stepper.next();
                }
                if("{{$step}}" == 9){
                    // location.href = '/detail-pendaftaran';
                }
            }
        });
        // $(document).ready(function(e){
        //     if("{{$step}}" == 1){
        //         stepper.next();
        //     }
            
        // });
        
        $(document).on('change', 'select[name=id_jalur_pendaftaran]', function(){
            var wrapper = $('.ni_karyawan_wrapper');
            if($(this).val() == 2){
                wrapper.removeClass('display-none')
            }else{
                if(!wrapper.hasClass('display-none')) wrapper.addClass('display-none')
            }
            
            var p_wrapper = $('.jalur_prestasi_wrapper');
            if($(this).val() == 3){
                p_wrapper.removeClass('display-none')
            }else{
                if(!p_wrapper.hasClass('display-none')) p_wrapper.addClass('display-none')
            }
            
            $('.jalur_pendaftaran_keterangan').addClass('d-none');
            $('.jalur_pendaftaran_keterangan_'+$(this).val()).removeClass('d-none');
        });
        $(document).on('change', 'select[name=kewarganegaraan]', function(){
            var wrapper = $('.kewarganegaraan_wrapper');
            if($(this).val() == 'WNA'){
                wrapper.removeClass('display-none')
            }else{
                if(!wrapper.hasClass('display-none')) wrapper.addClass('display-none')
            }
        });
        
        $(document).on('change', 'select[name=keterangan_ayah]', function(){
            var wrapper = $('.tma_wrapper');
            if($(this).val() == 'Meninggal'){
                wrapper.removeClass('display-none')
            }else{
                if(!wrapper.hasClass('display-none')) wrapper.addClass('display-none')
            }
        });
        $(document).on('change', 'select[name=keterangan_ibu]', function(){
            var wrapper = $('.tmi_wrapper');
            if($(this).val() == 'Meninggal'){
                wrapper.removeClass('display-none')
            }else{
                if(!wrapper.hasClass('display-none')) wrapper.addClass('display-none')
            }
        });
        
        $(document).on('change', 'select[name=id_pekerjaan_wali]', function(){
            var wrapper = $('.other_pekerjaan_wali_wrapper');
            if($(this).val() == "Lainnya"){
                wrapper.removeClass('display-none')
            }else{
                if(!wrapper.hasClass('display-none')){
                    wrapper.addClass('display-none')
                }
            }
        });
        
        $(document).on('change', '.searchProvinsi', function(){
            loadSearchKota($(this).val());
            if($(this).val()) $('.kota_wrapper').removeClass('display-none');
            if(!$('.kecamatan_wrapper').hasClass('display-none')) $('.kecamatan_wrapper').addClass('display-none');
            if(!$('.kelurahan_wrapper').hasClass('display-none')) $('.kelurahan_wrapper').addClass('display-none');
            if(!$('.dusun_wrapper').hasClass('display-none')) $('.dusun_wrapper').addClass('display-none');
            
            $('.searchKota').val('').trigger('change');
            $('.searchKecamatan').val('').trigger('change');
            $('.searchKelurahan').val('').trigger('change');
            $('.areaDusun').val('').trigger('change');
        });
        $(document).on('change', '.searchKota', function(){
            loadSearchKecamatan($(this).val());
            if($(this).val()) $('.kecamatan_wrapper').removeClass('display-none')
            if(!$('.kelurahan_wrapper').hasClass('display-none')) $('.kelurahan_wrapper').addClass('display-none');
            if(!$('.dusun_wrapper').hasClass('display-none')) $('.dusun_wrapper').addClass('display-none');
            
            $('.searchKecamatan').val('').trigger('change');
            $('.searchKelurahan').val('').trigger('change');
            $('.areaDusun').val('').trigger('change');
        });
        $(document).on('change', '.searchKecamatan', function(){
            loadSearchKelurahan($(this).val());
            if($(this).val()) $('.kelurahan_wrapper').removeClass('display-none');
            if(!$('.dusun_wrapper').hasClass('display-none')) $('.dusun_wrapper').addClass('display-none');
            
            $('.searchKelurahan').val('').trigger('change');
            $('.areaDusun').val('').trigger('change');
        });
        $(document).on('change', '.searchKelurahan', function(){
            if($(this).val()) $('.dusun_wrapper').removeClass('display-none');
            $('.areaDusun').val('').trigger('change');
        });
    </script>
    
    <script>
    </script>
    <script>
        $(document).ready(function(e){
            $(document).on('change input', 'input[name=hp_ayah]', function(){
                var ini = $(this), no_hp = ini.val();
                if(no_hp.charAt(0) === "0" || no_hp.charAt(0) === 0){
                    no_hp = no_hp.substring(1);
                    ini.val(no_hp);
                };
            });
            $(document).on('change input', 'input[name=hp_ibu]', function(){
                var ini = $(this), no_hp = ini.val();
                if(no_hp.charAt(0) === "0" || no_hp.charAt(0) === 0){
                    no_hp = no_hp.substring(1);
                    ini.val(no_hp);
                };
            });
            
            $(document).on('click', '.btn-user-next', function(e){
                var ini = $('.data-user-wrapper'), input_token = $('input[name=_token]');
                
                var post_data = {
                    is_ajax: true,
                    _token: input_token.val(),
                    nama_lengkap: ini.find('input[name=nama_lengkap]').val(),
                    email: ini.find('input[name=email]').val(),
                    password: ini.find('input[name=password]').val(),
                    confirm_password: ini.find('input[name=confirm_password]').val(),
                };
                
                var messages = [];
                if(!post_data.nama_lengkap) messages.push("Nama Tidak boleh kosong!");
                if(!post_data.email){
                    messages.push("Email Tidak boleh kosong!");
                }else{
                    if(!isEmail(post_data.email)) messages.push("Email Tidak valid!");
                }
                // if(!post_data.password) messages.push("Password Tidak boleh kosong!");
                if(post_data.password && !post_data.confirm_password){
                    messages.push("Password Tidak Sama!");
                }else{
                    if(post_data.password != post_data.confirm_password) messages.push("Password Tidak Sama!");
                }
                
                $.each(messages, function(index, value){
                    toast('bg-danger', 'Required', '', value);
                });
            
                if(!messages.length){
                    var e_modal_wait = $("#modalWait");
                    showLoading(e_modal_wait);
                    
                    $.ajax({
                        url: '/web_api/pendaftar/user/update/{{$id_user}}',
                        type: "post",
                        data: post_data
                    })
                    .done(function (result) {
                        var message = result.message;
                        hideLoading(e_modal_wait);
                        if (result.status) {
                            // successAlertPerma(message);
                            // location.reload();
                            toast('bg-success', 'Success', '', 'Data Daftar Ulang berhasil diupdate');
                            stepper.next();
                        } else {
                            failedAlert(message);
                        }
                        input_token.val(result.newtoken);
                    })
                    .fail(ajax_fail);
                }
                
                
            });
            $(document).on('click', '.btn-data-diri-next', function(e){
                var ini = $('.data-diri-wrapper'), input_token = $('input[name=_token]');
                
                var post_data = {
                    is_ajax: true,
                    _token: input_token.val(),
                    id_jenis_pendaftaran: ini.find('select[name=id_jenis_pendaftaran]').val(),
                    id_pendaftaran: ini.find('select[name=id_pendaftaran]').val(),
                    nama_lengkap: ini.find('input[name=nama_lengkap]').val(),
                    tempat_lahir: ini.find('textarea[name=tempat_lahir]').val(),
                    tanggal_lahir: ini.find('input[name=tanggal_lahir]').val(),
                    jenis_kelamin: ini.find('select[name=jenis_kelamin]').val(),
                    anak_ke: ini.find('select[name=anak_ke]').val(),
                    jml_saudara: ini.find('select[name=jml_saudara]').val(),
                    alamat_siswa: ini.find('textarea[name=alamat_siswa]').val(),
                    berat_badan: ini.find('input[name=berat_badan]').val(),
                    tinggi_badan: ini.find('input[name=tinggi_badan]').val(),
                    nik: ini.find('input[name=nik]').val(),
                    no_registrasi_akta_lahir: ini.find('input[name=no_registrasi_akta_lahir]').val(),
                    kewarganegaraan: ini.find('select[name=kewarganegaraan]').val(),
                    nama_negara: ini.find('input[name=nama_negara]').val(),
                    rt: ini.find('input[name=rt]').val(),
                    rw: ini.find('input[name=rw]').val(),
                    id_provinsi: ini.find('select[name=id_provinsi]').val(),
                    id_kota: ini.find('select[name=id_kota]').val(),
                    id_kecamatan: ini.find('select[name=id_kecamatan]').val(),
                    id_kelurahan: ini.find('select[name=id_kelurahan]').val(),
                    dusun: ini.find('textarea[name=dusun]').val(),
                    kode_pos: ini.find('input[name=kode_pos]').val(),
                    jenis_tempat_tinggal: ini.find('select[name=jenis_tempat_tinggal]').val(),
                    jarak_tempuh_ke_sekolah: ini.find('input[name=jarak_tempuh_ke_sekolah]').val(),
                    moda_transportasi: ini.find('select[name=moda_transportasi]').val(),
                    jumlah_saudara_tiri: ini.find('input[name=jumlah_saudara_tiri]').val(),
                    sekolah_asal: ini.find('textarea[name=sekolah_asal]').val(),
                    nisn: ini.find('input[name=nisn]').val(),
                    no_whatsapp_aktif_orang_tua: ini.find('input[name=no_whatsapp_aktif_orang_tua]').val(),
                    no_telp_rumah: ini.find('input[name=no_telp_rumah]').val(),
                    email_orang_tua: ini.find('input[name=email_orang_tua]').val(),
                    riwayat_penyakit: ini.find('textarea[name=riwayat_penyakit]').val(),
                };
                
                var messages = [];
                if("{{isset($siswa->id_jenis_pendaftaran)}}"){
                }else{
                    if(!post_data.id_jenis_pendaftaran) messages.push("Jenis Pendaftaran Tidak boleh kosong!")
                }
                if("{{isset($siswa->id_pendaftaran)}}"){
                }else{
                    if(!post_data.id_pendaftaran) messages.push("Pendaftaran Tidak boleh kosong!")
                }
                
                if(!post_data.nama_lengkap) messages.push("Nama Lengkap Anak Tidak boleh kosong!");
                if(/^[a-zA-Z- ]*$/.test(post_data.nama_lengkap) == false) messages.push("Nama Lengkap Anak Tidak boleh mengandung selain alphabet!")
                if(!post_data.tempat_lahir) messages.push("Tempat Lahir Tidak boleh kosong!")
                if(!post_data.tanggal_lahir) messages.push("Tanggal lahir Tidak boleh kosong!")
                if(!post_data.jenis_kelamin) messages.push("Jenis kelamin Tidak boleh kosong!")
                if(!post_data.anak_ke) messages.push("'Anak Ke' Tidak boleh kosong!")
                if(!post_data.jml_saudara) messages.push("Jumlah saudara Tidak boleh kosong!")
                if(!post_data.alamat_siswa) messages.push("Alamat siswa Tidak boleh kosong!")
                if(!post_data.berat_badan) messages.push("Berat badan Tidak boleh kosong!")
                if(!post_data.tinggi_badan) messages.push("Tinggi badan Tidak boleh kosong!")
                
                if($('select[name=id_pendaftaran]').val()){
                    var jsk = $('select[name=id_pendaftaran]').find(':selected').data('jsk');
                    if(!jsk) messages.push("Oopss! Ada yang tidak beres! Harap muat ulang halaman ini dan coba lagi nanti!");
                    var ta = $('select[name=id_pendaftaran]').find(':selected').data('ta');
                    if(!ta) messages.push("Oopss! Ada yang tidak beres! Harap muat ulang halaman ini dan coba lagi nanti!");
                    
                    var my_age = getAge($('input[name=tanggal_lahir]').val(), ta.tgl_ajaran);
                    if(jsk.min_umur > my_age) messages.push("Maaf umur kamu belum cukup untuk mendaftar. Umur minimal pendaftaran "+jsk.min_umur+" Tahun!")
                    if(jsk.max_umur < my_age)  messages.push("Maaf umur kamu melebihi batas umur pendaftaran. Umur maksimal pendaftaran "+jsk.max_umur+" Tahun!")
                }
                
                if(!post_data.nik) messages.push(ini.find('input[name=nik]').attr('placeholder') + "Tidak boleh kosong!");
                if(!post_data.no_registrasi_akta_lahir) messages.push(ini.find('input[name=no_registrasi_akta_lahir]').attr('placeholder') + "Tidak boleh kosong!");
                if(!post_data.kewarganegaraan){
                    messages.push("Kewarganegaraan Tidak boleh kosong!");
                }else{
                    if(post_data.kewarganegaraan === "WNA"){
                        ini.find('select[name=kewarganegaraan]').val("WNA").trigger('change');
                        if(!post_data.nama_negara) messages.push(ini.find('input[name=nama_negara]').attr('placeholder') + "Tidak boleh kosong!");
                    }
                }
                if(!post_data.rt) messages.push(ini.find('input[name=rt]').attr('placeholder') + "Tidak boleh kosong!");
                if(!post_data.rw) messages.push(ini.find('input[name=rw]').attr('placeholder') + "Tidak boleh kosong!");
                if(!post_data.id_provinsi) messages.push("Provinsi Tidak boleh kosong!");
                if(!post_data.id_kota){
                    ini.find('select[name=id_provinsi]').val(post_data.id_provinsi).trigger('change');
                     messages.push("Kota Tidak boleh kosong!");
                }
                if(!post_data.id_kecamatan) messages.push("Kecamatan Tidak boleh kosong!");
                if(!post_data.id_kelurahan) messages.push("Kelurahan Tidak boleh kosong!");
                if(!post_data.dusun) messages.push("Dusun Tidak boleh kosong!");
                if(!post_data.kode_pos) messages.push("Kode Pos Tidak boleh kosong!");
                if(!post_data.jenis_tempat_tinggal) messages.push("Jenis Tempat Tinggal Tidak boleh kosong!");
                if(!post_data.jarak_tempuh_ke_sekolah) messages.push("Jarak tempuh ke Sekolah Tidak boleh kosong!");
                if(!post_data.moda_transportasi) messages.push("Moda Transportasi Tidak boleh kosong!");
                // if(!post_data.jumlah_saudara_tiri) messages.push("Jumlah saudara tiri Tidak boleh kosong!");
                if(!post_data.sekolah_asal) messages.push("Sekolah Asal Tidak boleh kosong!");
                // if(!post_data.nisn) messages.push("NISN Tidak boleh kosong!");
                if(!post_data.no_whatsapp_aktif_orang_tua) messages.push("No. WhatsApp aktif Orangtua Tidak boleh kosong!");
                // if(!post_data.no_telp_rumah) messages.push("No. Telp Rumah Tidak boleh kosong!");
                if(!post_data.email_orang_tua) messages.push("Email Orangtua Tidak boleh kosong!");
            
                $.each(messages, function(index, value){
                    toast('bg-danger', 'Required', '', value);
                });
            
                if(!messages.length){
                    var e_modal_wait = $("#modalWait");
                    showLoading(e_modal_wait);
                    
                    function postData(post_data){
                        $.ajax({
                            url: '/web_api/pendaftar/data-diri/update/{{$id_user}}',
                            type: "post",
                            data: post_data
                        })
                        .done(function (result) {
                            var message = result.message;
                            hideLoading(e_modal_wait);
                            if (result.status) {
                                toast('bg-success', 'Success', '', 'Data pendaftaran berhasil di update');
                                stepper.next();
                                // successAlertPerma('Data pendaftaran berhasil di update. <br> Memuat ulang...');
                                // location.reload()
                            } else {
                                failedAlert(message);
                            }
                            input_token.val(result.newtoken);
                        })
                        .fail(ajax_fail);
                    }
                    
                    var el_image = $('#foto_siswa'), image = el_image[0].files[0];
                    if(image){
                        var rP = new FileReader();
                        rP.readAsDataURL(image);
                        rP.onloadend = function (e) {
                            post_data.foto = e.target.result;
                            var size = getBase64Size(e.target.result)
                            if(size > 5){
                                hideLoading(e_modal_wait);
                                failedAlert('Ukuran Foto tidak boleh lebih dari 5 MB!');
                            }else{
                                postData(post_data);
                            }
                        };
                    }else{
                        postData(post_data);
                    }
                }
                
                
            });
            $(document).on('click', '.btn-jalur-pendaftaran-next', function(){
                var ini = $('.jalur-pendaftaran-wrapper'), input_token = $('input[name=_token]');
                    
                var post_data = {
                    is_ajax: true,
                    _token: input_token.val(),
                    id_jalur_pendaftaran: ini.find('select[name=id_jalur_pendaftaran]').val(),
                    rata_rata1: ini.find('input[name=rata_rata1]').val(),
                    ranking1: ini.find('input[name=ranking1]').val(),
                    rata_rata2: ini.find('input[name=rata_rata2]').val(),
                    ranking2: ini.find('input[name=ranking2]').val(),
                    rata_rata3: ini.find('input[name=rata_rata3]').val(),
                    ranking3: ini.find('input[name=ranking3]').val(),
                    niy: ini.find('input[name=niy]').val(),
                    prestasi_sekolah: ini.find('textarea[name=prestasi_sekolah]').val(),
                    prestasi_luar_sekolah: ini.find('textarea[name=prestasi_luar_sekolah]').val(),
                    total_hafalan_juz: ini.find('input[name=total_hafalan_juz]').val(),
                    total_hafalan_surat: ini.find('input[name=total_hafalan_surat]').val(),
                };
                
                messages = [];
                if(!post_data.id_jalur_pendaftaran) messages.push("Jalur Pendaftaran Tidak boleh kosong!");
                
                if($('select[name=id_jalur_pendaftaran]').val()){
                    if(post_data.id_jalur_pendaftaran == 2){
                        if(!post_data.niy){
                            $('select[name=id_jalur_pendaftaran]').val(2).trigger('change');
                            messages.push("Nomor Induk Karyawan Tidak boleh kosong!");
                        }
                    }
                    
                    if(post_data.id_jalur_pendaftaran == 3){
                        if("{{$skelas}}" == 7 || "{{$skelas}}" == 10){
                            if(!post_data.rata_rata1){
                                $('select[name=id_jalur_pendaftaran]').val(3).trigger('change');
                                messages.push(ini.find('input[name=rata_rata1]').attr('placeholder') +" Tidak boleh kosong!");
                            }
                            if(!post_data.ranking1){
                                $('select[name=id_jalur_pendaftaran]').val(3).trigger('change');
                                messages.push(ini.find('input[name=ranking1]').attr('placeholder') +" Tidak boleh kosong!");
                            }
                            if(!post_data.rata_rata2){
                                $('select[name=id_jalur_pendaftaran]').val(3).trigger('change');
                                messages.push(ini.find('input[name=rata_rata2]').attr('placeholder') +" Tidak boleh kosong!");
                            }
                            if(!post_data.ranking2){
                                $('select[name=id_jalur_pendaftaran]').val(3).trigger('change');
                                messages.push(ini.find('input[name=ranking2]').attr('placeholder') +" Tidak boleh kosong!");
                            }
                            if(!post_data.rata_rata3){
                                $('select[name=id_jalur_pendaftaran]').val(3).trigger('change');
                                messages.push(ini.find('input[name=rata_rata3]').attr('placeholder') +" Tidak boleh kosong!");
                            }
                            if(!post_data.ranking3){
                                $('select[name=id_jalur_pendaftaran]').val(3).trigger('change');
                                messages.push(ini.find('input[name=ranking3]').attr('placeholder') +" Tidak boleh kosong!");
                            }
                            if(!post_data.total_hafalan_juz){
                                $('select[name=id_jalur_pendaftaran]').val(3).trigger('change');
                                messages.push(ini.find('input[name=total_hafalan_juz]').attr('placeholder') +" Tidak boleh kosong!");
                            }
                            if(!post_data.total_hafalan_surat){
                                $('select[name=id_jalur_pendaftaran]').val(3).trigger('change');
                                messages.push(ini.find('input[name=total_hafalan_surat]').attr('placeholder') +" Tidak boleh kosong!");
                            }
                        }
                    }
                }
                
                $.each(messages, function(index, value){
                    toast('bg-danger', 'Required', '', value);
                });
            
                if(!messages.length){
                    function postJalurPendaftaran(post_daa){
                        var e_modal_wait = $("#modalWait");
                        showLoading(e_modal_wait);
                        
                        $.ajax({
                            url: '/web_api/pendaftar/jalur_masuk/update/{{$id_user}}',
                            type: "post",
                            data: post_data
                        })
                        .done(function (result) {
                            var message = result.message;
                            hideLoading(e_modal_wait);
                            if (result.status) {
                                toast('bg-success', 'Success', '', 'Data Daftar Ulang berhasil diupdate');
                                stepper.next();
                            } else {
                                failedAlert(message);
                            }
                            input_token.val(result.newtoken);
                        })
                        .fail(ajax_fail);
                    }
                    
                    if("{{$skelas}}" == 7 || "{{$skelas}}" == 10){
                        var el_file_sertifikat_hafalan = $('.file_sertifikat_hafalan'), file_sertifikat_hafalan = el_file_sertifikat_hafalan[0].files[0];
                        if(file_sertifikat_hafalan){
                            var rP = new FileReader();
                            rP.readAsDataURL(file_sertifikat_hafalan);
                            rP.onloadend = function (e) {
                                post_data.file_sertifikat_hafalan = e.target.result;
                                var size = getBase64Size(e.target.result)
                                if(size > 10){
                                    hideLoading(e_modal_wait);
                                    failedAlert('Ukuran Sertifikat Hafalan tidak boleh lebih dari 10 MB!');
                                }else{
                                    var el_file_surat_tidak_mampu = $('.file_surat_tidak_mampu'), file_surat_tidak_mampu = el_file_surat_tidak_mampu[0].files[0];
                                    if(file_surat_tidak_mampu){
                                        var rP = new FileReader();
                                        rP.readAsDataURL(file_surat_tidak_mampu);
                                        rP.onloadend = function (e) {
                                            post_data.file_surat_tidak_mampu = e.target.result;
                                            var size = getBase64Size(e.target.result)
                                            if(size > 10){
                                                hideLoading(e_modal_wait);
                                                failedAlert('Ukuran Surat tidak mampu tidak boleh lebih dari 10 MB!');
                                            }else{
                                                postJalurPendaftaran(post_data);
                                            }
                                        };
                                    }else{
                                        postJalurPendaftaran(post_data);
                                    }
                                }
                            };
                        }else{
                            if(post_data.id_jalur_pendaftaran == 3){
                                if("{{isset($daftar_ulang->file_sertifikat_hafalan)}}"){
                                    var el_file_surat_tidak_mampu = $('.file_surat_tidak_mampu'), file_surat_tidak_mampu = el_file_surat_tidak_mampu[0].files[0];
                                    if(file_surat_tidak_mampu){
                                        var rP = new FileReader();
                                        rP.readAsDataURL(file_surat_tidak_mampu);
                                        rP.onloadend = function (e) {
                                            post_data.file_surat_tidak_mampu = e.target.result;
                                            var size = getBase64Size(e.target.result)
                                            if(size > 10){
                                                hideLoading(e_modal_wait);
                                                failedAlert('Ukuran Surat tidak mampu tidak boleh lebih dari 10 MB!');
                                            }else{
                                                postJalurPendaftaran(post_data);
                                            }
                                        };
                                    }else{
                                        postJalurPendaftaran(post_data);
                                    }
                                }else{
                                    toast('bg-danger', 'Required', '', "Sertifikat Hafalan tidak boleh kosong");
                                }
                            }else{
                                var el_file_surat_tidak_mampu = $('.file_surat_tidak_mampu'), file_surat_tidak_mampu = el_file_surat_tidak_mampu[0].files[0];
                                if(file_surat_tidak_mampu){
                                    var rP = new FileReader();
                                    rP.readAsDataURL(file_surat_tidak_mampu);
                                    rP.onloadend = function (e) {
                                        post_data.file_surat_tidak_mampu = e.target.result;
                                        var size = getBase64Size(e.target.result)
                                        if(size > 10){
                                            hideLoading(e_modal_wait);
                                            failedAlert('Ukuran Surat tidak mampu tidak boleh lebih dari 10 MB!');
                                        }else{
                                            postJalurPendaftaran(post_data);
                                        }
                                    };
                                }else{
                                    postJalurPendaftaran(post_data);
                                }
                            }
                        }
                    }else{
                        postJalurPendaftaran(post_data);
                    }
                }
            });
            $(document).on('click', '.btn-data-ortu-next', function(e){
                var ini = $('.data-ortu-wrapper'), input_token = $('input[name=_token]');
                
                var post_data = {
                    is_ajax: true,
                    _token: input_token.val(),
                    nama_ayah: ini.find('input[name=nama_ayah]').val(),
                    id_pendidikan_ayah: ini.find('select[name=id_pendidikan_ayah]').val(),
                    id_pekerjaan_ayah: ini.find('select[name=id_pekerjaan_ayah]').val(),
                    other_pekerjaan_ayah: ini.find('input[name=other_pekerjaan_ayah]').val(),
                    id_penghasilan_ayah: ini.find('select[name=id_penghasilan_ayah]').val(),
                    // instansi_pekerjaan_ayah: ini.find('input[name=instansi_pekerjaan_ayah]').val(),
                    // jabatan_pekerjaan_ayah: ini.find('input[name=jabatan_pekerjaan_ayah]').val(),
                    // alamat_instansi_ayah: ini.find('textarea[name=alamat_instansi_ayah]').val(),
                    hp_ayah: ini.find('input[name=hp_ayah]').val(),
                    alamat_ayah: ini.find('textarea[name=alamat_ayah]').val(),
                    tempat_lahir_ayah: ini.find('textarea[name=tempat_lahir_ayah]').val(),
                    tanggal_lahir_ayah: ini.find('input[name=tanggal_lahir_ayah]').val(),
                    nama_ibu: ini.find('input[name=nama_ibu]').val(),
                    id_pendidikan_ibu: ini.find('select[name=id_pendidikan_ibu]').val(),
                    id_pekerjaan_ibu: ini.find('select[name=id_pekerjaan_ibu]').val(),
                    other_pekerjaan_ibu: ini.find('input[name=other_pekerjaan_ibu]').val(),
                    id_penghasilan_ibu: ini.find('select[name=id_penghasilan_ibu]').val(),
                    // instansi_pekerjaan_ibu: ini.find('input[name=instansi_pekerjaan_ibu]').val(),
                    // jabatan_pekerjaan_ibu: ini.find('input[name=jabatan_pekerjaan_ibu]').val(),
                    // alamat_instansi_ibu: ini.find('textarea[name=alamat_instansi_ibu]').val(),
                    hp_ibu: ini.find('input[name=hp_ibu]').val(),
                    alamat_ibu: ini.find('textarea[name=alamat_ibu]').val(),
                    tempat_lahir_ibu: ini.find('textarea[name=tempat_lahir_ibu]').val(),
                    tanggal_lahir_ibu: ini.find('input[name=tanggal_lahir_ibu]').val(),
                    tanggungan_anak: ini.find('select[name=tanggungan_anak]').val(),
                    status_pernikahan: ini.find('select[name=status_pernikahan]').val(),
                    nik_ayah: ini.find('input[name=nik_ayah]').val(),
                    no_wa_ayah: ini.find('input[name=no_wa_ayah]').val(),
                    keterangan_ayah: ini.find('select[name=keterangan_ayah]').val(),
                    tahun_meninggal_ayah: ini.find('input[name=tahun_meninggal_ayah]').val(),
                    nik_ibu: ini.find('input[name=nik_ibu]').val(),
                    no_wa_ibu: ini.find('input[name=no_wa_ibu]').val(),
                    keterangan_ibu: ini.find('select[name=keterangan_ibu]').val(),
                    tahun_meninggal_ibu: ini.find('input[name=tahun_meninggal_ibu]').val(),
                };
                
                var messages = [];
                if(!post_data.nama_ayah) messages.push("Nama Ayah Tidak boleh kosong!");
                if(!post_data.id_pendidikan_ayah) messages.push("Pendidikan Ayah Tidak boleh kosong!");
                if(!post_data.id_pekerjaan_ayah) messages.push("Pekerjaan Ayah Tidak boleh kosong!");
                if(post_data.id_pekerjaan_ayah == "Lainnya"){
                    if(!post_data.other_pekerjaan_ayah) messages.push("Pekerjaan Ayah Tidak boleh kosong!");
                }
                if(!post_data.id_penghasilan_ayah) messages.push("Penghasilan Ayah Tidak boleh kosong!");
                // if(!post_data.instansi_pekerjaan_ayah) messages.push("Nama Instansi Pekerjaan Ayah Tidak boleh kosong!");
                // if(!post_data.jabatan_pekerjaan_ayah) messages.push("Jabatan Pekerjaan Ayah Tidak boleh kosong!");
                // if(!post_data.alamat_instansi_ayah) messages.push("Alamat Instansi Pekerjaan Ayah Tidak boleh kosong!");
                if(!post_data.hp_ayah) messages.push("Nomor HP Ayah Tidak boleh kosong!");
                if(!post_data.alamat_ayah) messages.push("Alamat Ayah Tidak boleh kosong!");
                if(!post_data.tempat_lahir_ayah) messages.push("Tempat lahir Ayah Tidak boleh kosong!");
                if(!post_data.tanggal_lahir_ayah) messages.push("Tanggal lahir Ayah Tidak boleh kosong!");
                if(!post_data.nama_ibu) messages.push("Nama Ibu Tidak boleh kosong!");
                if(!post_data.id_pendidikan_ibu) messages.push("Pendidikan Ibu Tidak boleh kosong!");
                if(!post_data.id_pekerjaan_ibu) messages.push("Pekerjaan Ibu Tidak boleh kosong!");
                if(post_data.id_pekerjaan_ibu == "Lainnya"){
                    if(!post_data.other_pekerjaan_ibu) messages.push("Pekerjaan Ibu Tidak boleh kosong!");
                }
                if(!post_data.id_penghasilan_ibu) messages.push("Penghasilan Ibu Tidak boleh kosong!");
                // if(!post_data.instansi_pekerjaan_ibu) messages.push("Nama Instansi Pekerjaan Ibu Tidak boleh kosong!");
                // if(!post_data.jabatan_pekerjaan_ibu) messages.push("Jabatan Pekerjaan Ibu Tidak boleh kosong!");
                // if(!post_data.alamat_instansi_ibu) messages.push("Alamat Instansi Pekerjaan Ibu Tidak boleh kosong!");
                if(!post_data.hp_ibu) messages.push("Nomor HP Ibu Tidak boleh kosong!");
                if(!post_data.alamat_ibu) messages.push("Alamat Ibu Tidak boleh kosong!");
                if(!post_data.tempat_lahir_ibu) messages.push("Tempat lahir Ibu Tidak boleh kosong!");
                if(!post_data.tanggal_lahir_ibu) messages.push("Tanggal lahir Ibu Tidak boleh kosong!");
                if(!post_data.status_pernikahan) messages.push("Status Pernikahan Tidak boleh kosong!");
                if(!post_data.tanggungan_anak) messages.push("Tanggungan anak Tidak boleh kosong!");
                
                if(!post_data.nik_ayah) messages.push("NIK Ayah Tidak boleh kosong!");
                if(!post_data.keterangan_ayah){
                    messages.push("Keterangan Ayah Tidak boleh kosong!");
                }else{
                    if(post_data.keterangan_ayah === "Meninggal"){
                        ini.find('select[name=keterangan_ayah]').val("Meninggal").trigger('change');
                        if(!post_data.tahun_meninggal_ayah) messages.push("Tahun Meninggal Ayah Tidak boleh kosong!");
                    }else{
                        ini.find('select[name=keterangan_ayah]').val("Masih Hidup").trigger('change');
                        if(!post_data.no_wa_ayah) messages.push("No. WhatsApp Ayah Tidak boleh kosong!");
                    }
                }
                
                if(!post_data.nik_ibu) messages.push("NIK Ibu Tidak boleh kosong!");
                if(!post_data.keterangan_ibu){
                    messages.push("Keterangan Ibu Tidak boleh kosong!");
                }else{
                    if(post_data.keterangan_ibu === "Meninggal"){
                        ini.find('select[name=keterangan_ibu]').val("Meninggal").trigger('change');
                        if(!post_data.tahun_meninggal_ibu) messages.push("Tahun Meninggal Ibu Tidak boleh kosong!");
                    }else{
                        ini.find('select[name=keterangan_ibu]').val("Masih Hidup").trigger('change');
                        if(!post_data.no_wa_ibu) messages.push("No. WhatsApp Ibu Tidak boleh kosong!");
                    }
                }
                
                $.each(messages, function(index, value){
                    toast('bg-danger', 'Required', '', value);
                });
            
                if(!messages.length){
                    var e_modal_wait = $("#modalWait");
                    showLoading(e_modal_wait);
                    
                    $.ajax({
                        url: '/web_api/pendaftar/data-orangtua/update/{{$id_user}}',
                        type: "post",
                        data: post_data
                    })
                    .done(function (result) {
                        var message = result.message;
                        hideLoading(e_modal_wait);
                        if (result.status) {
                            // toast('bg-success', 'Success', '', 'Data pendaftaran berhasil di update');
                            // location.reload();
                            toast('bg-success', 'Success', '', 'Data Daftar Ulang berhasil diupdate');
                            stepper.next();
                        } else {
                            failedAlert(message);
                        }
                        input_token.val(result.newtoken);
                    })
                    .fail(ajax_fail);
                }
                
                
            });
            $(document).on('click', '.btn-data-wali-next', function(){
                var ini = $('.data-wali-wrapper'), input_token = $('input[name=_token]');
                    
                var post_data = {
                    is_ajax: true,
                    _token: input_token.val(),
                    nama_wali: ini.find('input[name=nama_wali]').val(),
                    nik_wali: ini.find('input[name=nik_wali]').val(),
                    alamat_wali: ini.find('textarea[name=alamat_wali]').val(),
                    tempat_lahir_wali: ini.find('input[name=tempat_lahir_wali]').val(),
                    tanggal_lahir_wali: ini.find('input[name=tanggal_lahir_wali]').val(),
                    id_pendidikan_wali: ini.find('select[name=id_pendidikan_wali]').val(),
                    id_pekerjaan_wali: ini.find('select[name=id_pekerjaan_wali]').val(),
                    other_pekerjaan_wali: ini.find('input[name=other_pekerjaan_wali]').val(),
                    id_penghasilan_wali: ini.find('select[name=id_penghasilan_wali]').val(),
                    instansi_pekerjaan_wali: ini.find('input[name=instansi_pekerjaan_wali]').val(),
                    jabatan_pekerjaan_wali: ini.find('input[name=jabatan_pekerjaan_wali]').val(),
                    alamat_instansi_wali: ini.find('textarea[name=alamat_instansi_wali]').val(),
                };
                
                messages = [];
                // if(!post_data.nama_wali) messages.push("Nama wali Tidak boleh kosong!");
                // if(!post_data.nik_wali) messages.push("NIK wali Tidak boleh kosong!");
                // if(!post_data.alamat_wali) messages.push("Alamat wali Tidak boleh kosong!");
                // if(!post_data.tempat_lahir_wali) messages.push("Tempat Lahir wali Tidak boleh kosong!");
                // if(!post_data.tanggal_lahir_wali) messages.push("Tanggal Lahir wali Tidak boleh kosong!");
                // if(!post_data.id_pekerjaan_wali) messages.push("Pekerjaan wali Tidak boleh kosong!")
                // if(post_data.id_pekerjaan_wali === "Lainnya"){
                //     ini.find('select[name=id_pekerjaan_wali]').val(post_data.id_pekerjaan_wali).trigger('change');
                //     if(!post_data.other_pekerjaan_wali) messages.push("Pekerjaan wali Tidak boleh kosong!");
                // }
                // if(!post_data.id_penghasilan_wali) messages.push("Penghasilan wali Tidak boleh kosong!");
                
                $.each(messages, function(index, value){
                    toast('bg-danger', 'Required', '', value);
                });
            
                if(!messages.length){
                    var e_modal_wait = $("#modalWait");
                    showLoading(e_modal_wait);
                    
                    $.ajax({
                        url: '/web_api/pendaftar/data_wali/update/{{$id_user}}',
                        type: "post",
                        data: post_data
                    })
                    .done(function (result) {
                        var message = result.message;
                        hideLoading(e_modal_wait);
                        if (result.status) {
                            toast('bg-success', 'Success', '', 'Data Daftar Ulang berhasil diupdate');
                            stepper.next();
                        } else {
                            failedAlert(message);
                        }
                        input_token.val(result.newtoken);
                    })
                    .fail(ajax_fail);
                }
            });
            $(document).on('click', '.btn-ukuran-seragam-next', function(){
                var ini = $('.ukuran-seragam-wrapper'), input_token = $('input[name=_token]');
                    
                var post_data = {
                    is_ajax: true,
                    _token: input_token.val(),
                    id_ukuran_seragam: ini.find('select[name=id_ukuran_seragam]').val(),
                };
                
                messages = [];
                if(!post_data.id_ukuran_seragam) messages.push("Ukuran Seragam Tidak boleh kosong!");
                // if(!$('input[name=cb-btn-ukuran-seragam-next]').is(":checked"))  messages.push("Ceklis pernyataan dibawah ukuran seragam!");
                
                $.each(messages, function(index, value){
                    toast('bg-danger', 'Required', '', value);
                });
            
                if(!messages.length){
                    var e_modal_wait = $("#modalWait");
                    showLoading(e_modal_wait);
                    
                    $.ajax({
                        url: '/web_api/pendaftar/ukuran_seragam/update/{{$id_user}}',
                        type: "post",
                        data: post_data
                    })
                    .done(function (result) {
                        var message = result.message;
                        hideLoading(e_modal_wait);
                        if (result.status) {
                            toast('bg-success', 'Success', '', 'Data Daftar Ulang berhasil diupdate');
                            stepper.next();
                        } else {
                            failedAlert(message);
                        }
                        input_token.val(result.newtoken);
                    })
                    .fail(ajax_fail);
                }
            });
            
            $(document).on('click', '.btn-pilih-spp-next', function(){
            var ini = $('.pilih-spp-wrapper'), input_token = $('input[name=_token]');
            
            // Ambil nilai asli  
            // var nilai_dana_ortu_asuh = ini.find('input[name="dana_ortu_asuh"]').val();  
            
            // Bersihkan nilai - hanya ambil angka saja  
            // var dana_ortu_asuh_bersih = nilai_dana_ortu_asuh.replace(/[^\d]/g, ''); 
                
            var post_data = {
                is_ajax: true,
                _token: input_token.val(),
                nominal_spp: ini.find('input[name="spp"]:checked').val(),
                // dana_ortu_asuh: dana_ortu_asuh_bersih,
            };
            
            messages = [];
            if(!post_data.nominal_spp || post_data.nominal_spp == 0 ) messages.push("Silahkan pilih SPP terlebih dahulu!");
            // if(!$('input[name=cb-btn-ukuran-seragam-next]').is(":checked"))  messages.push("Ceklis pernyataan dibawah ukuran seragam!");
            
            $.each(messages, function(index, value){
                toast('bg-danger', 'Required', '', value);
            });
        
            if(!messages.length){
                var e_modal_wait = $("#modalWait");
                showLoading(e_modal_wait);
                // console.log(post_data);
                
                $.ajax({
                    url: '/web_api/pendaftar/pilih_spp/update/{{$id_user}}',
                    type: "post",
                    data: post_data
                })
                .done(function (result) {
                        var message = result.message;
                        hideLoading(e_modal_wait);
                        // console.log(result);
                        if (result.status) {
                            // toast('bg-success', 'Success', '', 'Data Daftar Ulang berhasil diupdate');
                            // stepper.next();
                            successAlertPerma('Data pendaftaran berhasil di update. <br> Memuat ulang...');
                            // setTimeout(function() {
                            //     window.location.href = '/pendaftar';
                            // }, 3000);
                            setTimeout(function() {
                                window.location.href = '/pendaftar/detail/{{$id_user}}';
                            }, 3000);
                        } else {
                            failedAlert(message);
                        }
                        input_token.val(result.newtoken);
                    })
                .fail(ajax_fail);
            }
            });
            
            
            
            $(document).on('click', '.btn-copy-no-va', function(){
                ClipboardHelper.copyText($('#inp_cust_code').val());
                toast('bg-success', 'Copied', '', 'Copied To Clipboard', true, 3000);
            });
        });
    </script>
    
    <script>
    </script>
@endpush