@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="#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">3</span>
                    <span class="bs-stepper-label">Data Orangtua</span>
                </button>
            </div>
            <div class="line"></div>
            <div class="step" data-target="#pembayaran-part">
                <button type="button" class="step-trigger" role="tab" aria-controls="data-ortu-part" id="pembayaran-part-trigger">
                    <span class="bs-stepper-circle">4</span>
                    <span class="bs-stepper-label">Pembayaran</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 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="form-group mt-4">
                                <label class="form-control-label">Tempat Lahir</label> <small class="text-danger">*</small>
                                <textarea name="tempat_lahir" class="form-control form-control-sm" 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 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">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 = 1; $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">Alamat Siswa</label> <small class="text-danger">*</small>
                                <textarea name="alamat_siswa" class="form-control form-control-sm" required autofocus placeholder="Alamat Siswa">{{isset($siswa)?$siswa->alamat_siswa:''}}</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>
                    <div class="float-right">
                        <a href="#" class="btn btn-md btn-warning text-white 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="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">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">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">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>
                            </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">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">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">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>
                            </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-warning text-white 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="pembayaran-part" class="content" role="tabpanel" aria-labelledby="pembayaran-part-trigger">
                <div class="pembayaran-wrapper p-4">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card card-info card-outline">
                                <a class="d-block w-100" data-toggle="collapse" href="#rekapDataUser" aria-expanded="true">
                                    <div class="card-header"><h4 class="card-title w-100">Data User</h4></div>
                                </a>
                                <div id="rekapDataUser" class="collapse show" data-parent="#pembayaran-part" style="">
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label class="form-control-label">Nama Lengkap</label>
                                            <input type="text" class="form-control form-control-sm" readonly placeholder="Nama Lengkap" value="{{isset($user)?$user->nama_lengkap:''}}">
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label">Email</label>
                                            <input type="email" class="form-control form-control-sm" readonly placeholder="Email" value="{{isset($user)?$user->email:''}}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card card-info card-outline">
                                <a class="d-block w-100 collapsed" data-toggle="collapse" href="#rekapDataDiri" aria-expanded="false">
                                    <div class="card-header"><h4 class="card-title w-100">Data Diri</h4></div>
                                </a>
                                <div id="rekapDataDiri" class="collapse" data-parent="#pembayaran-part" style="">
                                    <div class="card-body">
                                        <div class="jenis_pendaftaran_wrapper border p-3">
                                            <div class="form-group">
                                                <label class="form-control-label">Jenis Pendaftaran</label>
                                                <select class="form-control form-control-sm" disabled>
                                                    <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>
                                                <select class="form-control form-control-sm" disabled>
                                                    <option value="" selected disabled>Pendaftaran</option>
                                                    @foreach($pendaftaran as $pend)
                                                    <option 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="form-group mt-3">
                                            <label class="form-control-label">Nama Lengkap</label>
                                            <input type="text" class="form-control form-control-sm" readonly placeholder="Nama Lengkap" value="{{isset($user)?$user->nama_lengkap:''}}">
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label">Tempat Lahir</label>
                                            <textarea class="form-control form-control-sm" readonly placeholder="Tempat Lahir">{{isset($user)?$user->tempat_lahir:''}}</textarea>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label">Tanggal Lahir</label>
                                            <input type="date" class="form-control form-control-sm" readonly value="{{isset($user)?$user->tanggal_lahir:''}}">
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label">Jenis Kelamin</label>
                                            <select class="form-control form-control-sm" disabled>
                                                <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">Anak Ke</label>
                                            <select class="form-control form-control-sm" disabled>
                                                @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>
                                            <select class="form-control form-control-sm" disabled>
                                                <option value="" selected disabled>Jumlah Saudara</option>
                                                @for($a = 1; $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">Alamat Siswa</label>
                                            <textarea class="form-control form-control-sm" readonly placeholder="Alamat Siswa">{{isset($siswa)?$siswa->alamat_siswa:''}}</textarea>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label">Berat Badan(Kg)</label>
                                            <input type="number" class="form-control form-control-sm" readonly placeholder="Berat Badan" value="{{isset($siswa)?$siswa->berat_badan:''}}">
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label">Tinggi Badan(Cm)</label>
                                            <input type="number" class="form-control form-control-sm" readonly placeholder="Tinggi Badan" value="{{isset($siswa)?$siswa->tinggi_badan:''}}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card card-info card-outline">
                                <a class="d-block w-100 collapsed" data-toggle="collapse" href="#rekapDataAyah" aria-expanded="false">
                                    <div class="card-header"><h4 class="card-title w-100">Data Ayah</h4></div>
                                </a>
                                <div id="rekapDataAyah" class="collapse" data-parent="#pembayaran-part" style="">
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label class="form-control-label">Nama Ayah</label>
                                            <input type="text" class="form-control form-control-sm" readonly placeholder="Nama Ayah" value="{{isset($siswa)?$siswa->nama_ayah:''}}">
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label">Pendidikan Ayah</label>
                                            <select class="form-control form-control-sm" disabled>
                                                <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>
                                            <select class="form-control form-control-sm" disabled>
                                                <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" class="form-control form-control-sm" placeholder="Pekerjaan Ayah" value="{{isset($siswa)?$siswa->other_pekerjaan_ayah:''}}" readonly>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label">Penghasilan Ayah</label>
                                            <select class="form-control form-control-sm" disabled>
                                                <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>
                                            <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" class="form-control form-control-sm" readonly placeholder="Nomor Hp Ayah" value="{{isset($siswa)?$siswa->hp_ayah:''}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label">Alamat Ayah</label>
                                            <textarea class="form-control form-control-sm" readonly placeholder="Alamat Ayah">{{isset($siswa)?$siswa->alamat_ayah:''}}</textarea>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label">Tempat Lahir Ayah</label>
                                            <textarea class="form-control form-control-sm" readonly 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> 
                                            <input type="date" name="tanggal_lahir_ayah" class="form-control form-control-sm" readonly value="{{isset($siswa)?$siswa->tanggal_lahir_ayah:''}}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card card-info card-outline">
                                <a class="d-block w-100 collapsed" data-toggle="collapse" href="#rekapDataIbu" aria-expanded="false">
                                    <div class="card-header"><h4 class="card-title w-100">Data Ibu</h4></div>
                                </a>
                                <div id="rekapDataIbu" class="collapse" data-parent="#pembayaran-part" style="">
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label class="form-control-label">Nama Ibu</label>
                                            <input type="text" class="form-control form-control-sm" readonly placeholder="Nama Ibu" value="{{isset($siswa)?$siswa->nama_ibu:''}}">
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label">Pendidikan Ibu</label>
                                            <select class="form-control form-control-sm" disabled>
                                                <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>
                                            <select class="form-control form-control-sm" disabled>
                                                <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" class="form-control form-control-sm" placeholder="Pekerjaan Ibu" value="{{isset($siswa)?$siswa->other_pekerjaan_ibu:''}}" readonly>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label">Penghasilan Ibu</label>
                                            <select class="form-control form-control-sm" disabled>
                                                <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>
                                            <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" class="form-control form-control-sm" readonly placeholder="Nomor Hp Ibu" value="{{isset($siswa)?$siswa->hp_ibu:''}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label">Alamat Ibu</label>
                                            <textarea class="form-control form-control-sm" readonly placeholder="Alamat Ibu">{{isset($siswa)?$siswa->alamat_ibu:''}}</textarea>
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label">Tempat Lahir Ibu</label>
                                            <textarea class="form-control form-control-sm" readonly 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>
                                            <input type="date" class="form-control form-control-sm" readonly value="{{isset($siswa)?$siswa->tanggal_lahir_ibu:''}}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card card-info card-outline">
                                <a class="d-block w-100 collapsed" data-toggle="collapse" href="#rekapTanggungan" aria-expanded="false">
                                    <div class="card-header"><h4 class="card-title w-100">Lainnya</h4></div>
                                </a>
                                <div id="rekapTanggungan" class="collapse" data-parent="#pembayaran-part" style="">
                                    <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" disabled>
                                                <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>
                                            <select name="tanggungan_anak" class="form-control form-control-sm" disabled>
                                                <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>
                        </div>
                        <div class="col-md-6">
                            <div class="card card-info card-outline">
                                <div class="card-header">
                                    <h4 class="card-title">Pembayaran</h4>
                                    <div class="card-tools">
                                        <a href="#" class="btn btn-sm btn-info btn-payment-help ml-1">Langkah Pembayaran</a>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="form-group">
                                        <label class="form-control-label">Biaya Pendaftaran</label>
                                        <input type="text" class="form-control form-control-sm" readonly placeholder="Biaya Pendaftaran" value="Rp. {{number_format(isset($siswa)?$siswa->biaya_administrasi:'0',0,".",".")}},00">
                                    </div>
                                    <div class="form-group">
                                        <label>Rekening Tujuan</label>
                                        <select class="form-control" name="payment_method" id="sel_payment_method">
                                            @foreach($rekening as $r)
                                            <option value="{{$r}}" @if($last_log){{$last_log->id_rekening == $r->id ? 'selected':''}}@endif>{{$r->bank}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <br>
                                    <p class="text-center mt-4" style="font-weight: normal; font-size: 17px; line-height: 24px;">
                                        Harap transfer sesuai dengan nominal <b class="">Rp. {{number_format(isset($siswa)?$siswa->biaya_administrasi:'0',0,".",".")}},00</b> ke salah satu rekening yang tertera di atas!
                                        <br>
                                        Setelah transfer lakukan konfirmasi! 
                                        <br>
                                        Perbedaan nilai transfer akan menghambat proses verfikasi!
                                    </p>
                                </div>
                            </div>
                            <div class="float-right">
                                <a href="#" class="btn btn-md btn-warning text-white mr-3" onclick="stepper.previous()">Sebelumnya</a>
                                <a href="#" class="btn btn-md btn-info btn-bayar-pendaftaran">SELESAI</a>
                            </div>
                        </div>
                    </div>
                </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')
@if($is_verified)
    <script>
        if("{{$is_verified}}" == 1){
            successAlert('Selamat email mu berhasil di verifikasi <br><br> <a href="#" class="btn btn-transparent btn-md text-dark" style="font-weight:bold; font-size:15px" data-dismiss="modal">Lanjutkan pendaftaran</a>');
            window.history.pushState('', '', '/pendaftar/edit/{{$id_user}}');
        }
    </script>
    @endif
    
    @if($is_registered)
    <script>
        if("{{$is_registered}}" == 1){
            infoAlert("Email mu belum ter-verifikasi nih! <br> Harap Verifikasi Email kamu untuk melanjutkan pendaftaran <br><br> <a href='/pendaftaran?is_verified=1'>Klik disini</a> Jika email Sudah Di Verifikasi");
            window.history.pushState('', '', '/pendaftar/edit/{{$id_user}}');
        }
    </script>
    @endif
    @if($is_paid)
    <script>
        var $biaya_administrasi = 0;
    </script>
    @if($siswa)
    <script>
        $biaya_administrasi = convertToRupiah("{{$siswa->biaya_administrasi}}");
    </script>
    @endif
    <script>
        if("{{$is_paid}}" == 1){
            message = "Pendaftaran berhasil! <br>" +
                        "<p class='text-center mt-4' style='font-weight: normal; font-size: 17px; line-height: 24px;'>" +
                            "Harap transfer sesuai dengan nominal <b>"+$biaya_administrasi+"</b> ke salah satu rekening yang tertera di atas!<br>" +
                            "Setelah transfer lakukan konfirmasi! <br>Perbedaan nilai transfer akan menghambat proses verfikasi!" +
                        "</p>" +
                        "Konfirmasi pembayaran kamu di <a href='/detail-pendaftaran'>sini.</a><br><br>" +
                        "<a href='#' class='btn btn-sm btn-info btn-payment-help ml-1'>Langkah Pembayaran</a>";
            successAlert(message);
            window.history.pushState('', '', '/pendaftar/edit/{{$id_user}}');
        }
    </script>
    @endif
    
    <script>
        $(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();
                }
                if("{{$step}}" == 5){
                    stepper.next();
                    stepper.next();
                }
            }
        });
    </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-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()
                };
                
                var messages = [];
                if(!post_data.id_jenis_pendaftaran) messages.push("Jenis Pendaftaran Tidak boleh kosong!")
                if(!post_data.id_pendaftaran) messages.push("Pendaftaran Tidak boleh kosong!")
                // if(!post_data.nama_lengkap) messages.push("Nama Lengkap Tidak boleh kosong!")
                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!")
                
                $.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-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();
                        } else {
                            failedAlert(message);
                        }
                        input_token.val(result.newtoken);
                    })
                    .fail(ajax_fail);
                }
                
                
            });
            $(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(),
                    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(),
                    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(),
                };
                
                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.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.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!");
                
                $.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;
                        if (result.status) {
                            toast('bg-success', 'Success', '', 'Data pendaftaran berhasil di update');
                            location.reload();
                        } else {
                            hideLoading(e_modal_wait);
                            failedAlert(message);
                        }
                        input_token.val(result.newtoken);
                    })
                    .fail(ajax_fail);
                }
                
                
            });
            $(document).on('click', '.btn-bayar-pendaftaran', function(e){
                var ini = $('.pembayaran-wrapper'), input_token = $('input[name=_token]');
                
                var post_data = {
                    is_ajax: true,
                    _token: input_token.val(),
                    payment_method: ini.find('select[name=payment_method]').val()
                };
                
                var messages = [];
                if(!post_data.payment_method) messages.push("Rekening Tujuan 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/pembayaran/update/{{$id_user}}',
                        type: "post",
                        data: post_data
                    })
                    .done(function (result) {
                        var message = result.message;
                        hideLoading(e_modal_wait);
                        if (result.status) {
                            successAlert(message);
                        } else {
                            failedAlert(message);
                        }
                        input_token.val(result.newtoken);
                    })
                    .fail(ajax_fail);
                }
                
            });
        });
    </script>
    
    <script>
        $(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();
                    } else {
                        failedAlert(message);
                    }
                    input_token.val(result.newtoken);
                })
                .fail(ajax_fail);
            }
            
            
        });
    </script>
@endpush