@extends('layouts.welcome')

@section('content')
<link rel="stylesheet" href="/js/maxcdn/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<style>
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    /*width: 70%;*/
    max-height: 70vh;
    margin: auto;
  }
</style>

<section>
    <div class="bs-stepper" id="stepper-pendaftaran">
        @csrf
        <div class="bs-stepper-header" role="tablist" style="overflow: auto;" id="bs-stepper-header">
            <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">1</span>
                    <span class="bs-stepper-label">Jalur Pendaftaran</span>
                </button>
            </div>
            <div class="line"></div>
            <div class="step" data-target="#data-siswa-part">
                <button type="button" class="step-trigger" role="tab" aria-controls="data-siswa-part" id="data-siswa-part-trigger">
                    <span class="bs-stepper-circle">2</span>
                    <span class="bs-stepper-label">Data Siswa</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="#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">4</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">5</span>
                    <span class="bs-stepper-label">Ukuran Baju</span>
                </button>
            </div>
            <div class="line"></div>
            <div class="step" data-target="#upload-berkas-part">
                <button type="button" class="step-trigger" role="tab" aria-controls="upload-berkas-part" id="upload-berkas-part-trigger">
                    <span class="bs-stepper-circle">6</span>
                    <span class="bs-stepper-label">Upload Berkas</span>
                </button>
            </div>
            <div class="line"></div>
            <div class="step" data-target="#konfirmasi-part">
                <button type="button" class="step-trigger" role="tab" aria-controls="konfirmasi-part" id="konfirmasi-part-trigger">
                    <span class="bs-stepper-circle">7</span>
                    <span class="bs-stepper-label">Konfirmasi</span>
                </button>
            </div>
        </div>
        
        <div class="bs-stepper-content">
            @if($last_rejected_note)
            <div class="p-4">
                <div class="card card-info card-outline">
                    <a class="d-block w-100 collapsed" data-toggle="collapse" href="#catatanApproval" aria-expanded="false">
                        <div class="card-header"><h4 class="card-title w-100">Catatan Approval</h4></div>
                    </a>
                    <div id="catatanApproval" class="collapse" data-parent="#stepper-pendaftaran" style="">
                        <div class="card-body">
                            {!! $last_rejected_note !!}
                        </div>
                    </div>
                </div>
            </div>
            @endif
            
            <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-none @endif">
                                @if($siswa->kelas == 7 || $siswa->kelas == 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" 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>
                        </div>
                    </div>
                    <a href="#" class="btn btn-md btn-info float-right btn-jalur-pendaftaran-next">Selanjutnya</a>
                </div>
            </div>
            
            <div id="data-siswa-part" class="content" role="tabpanel" aria-labelledby="data-siswa-part-trigger">
                <div class="data-siswa-wrapper p-4">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Data Siswa</h4>
                        </div>
                        <div class="card-body">
                            <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">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="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">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">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" 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>
                                <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>
                    <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-siswa-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="card">
                        <div class="card-header">
                            <h4 class="card-title">Data Orangtua</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Nama Ayah</label>
                                        <input type="text" name="nama_ayah" class="form-control form-control-sm" placeholder="Nama Ayah" value="{{isset($siswa)?$siswa->nama_ayah:''}}" readonly>
                                    </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">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="{{$siswa->hp_ayah}}">
                                            @endif
                                        </div>
                                    </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="year" 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 class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Nama Ibu</label>
                                        <input type="text" name="nama_ibu" class="form-control form-control-sm" placeholder="Nama Ibu" value="{{isset($siswa)?$siswa->nama_ibu:''}}" readonly>
                                    </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">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="{{$siswa->hp_ibu}}">
                                            @endif
                                        </div>
                                    </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="year" 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="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">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">
                                 Belum ada seragam yang tersedia untuk <b>{{$siswa->pendaftaran->jenis_sekolah->jenis_sekolah}}</b>. Harap kontak admin untuk informasi lebih lanjut! 
                            </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>
            <div id="upload-berkas-part" class="content" role="tabpanel" aria-labelledby="upload-berkas-part-trigger">
                <form action="#" class="form-upload-berkas" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="upload-berkas-wrapper p-4">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Upload Berkas</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table id="tb_upload_berkas" class="table table-bordered">
                                    <thead>
                                        <tr class="bg-info">
                                            <th>NO</th>
                                            <th>DOKUMEN</th>
                                            <th class="text-center">#</th>
                                            <th>UPLOAD</th>
                                            <th class="nowrap">CHANGE</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($dokumen_req as $k => $dr)