@extends('wali_kelas.main')

@section('title','Edit Siswa')
@section('header','Edit Siswa')

@section('breadcrumb')
<li class="breadcrumb-item"><a href="/">Home</a></li>
<li class="breadcrumb-item"><a href="/dashboard-wali-kelas">Tagihan Siswa</a></li>
<li class="breadcrumb-item active">Edit</li>
@endsection

@section('content')
<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">Nomor HP Ayah</label> <small class="text-danger">*</small>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text form-control-sm">+62</span>
                            </div>
                            <input type="number" name="hp_ayah" class="form-control form-control-sm" required autofocus placeholder="Nomor Hp Ayah" value="{{isset($siswa)?$siswa->hp_ayah:''}}">
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label class="form-control-label">No. WhatsApp Ayah</label>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text form-control form-control-sm">+62</span>
                            </div>
                            @if($daftar_ulang)
                            @if($daftar_ulang->no_wa_ayah)
                            <input type="number" name="no_wa_ayah" class="form-control form-control-sm" placeholder="No. WhatsApp Ayah" value="{{$daftar_ulang->no_wa_ayah}}">
                            @else
                            <input type="number" name="no_wa_ayah" class="form-control form-control-sm" placeholder="No. WhatsApp Ayah" value="{{$siswa->hp_ayah}}">
                            @endif
                            @else
                            <input type="number" name="no_wa_ayah" class="form-control form-control-sm" placeholder="No. WhatsApp Ayah" value="{{isset($siswa)?$siswa->hp_ayah:''}}">
                            @endif
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">Keterangan Ayah</label>
                        <input type="text" name="keterangan_ayah" class="form-control form-control-sm" value="{{isset($daftar_ulang)?$daftar_ulang->keterangan_ayah:''}}" readonly>
                    </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">Nomor HP Ibu</label> <small class="text-danger">*</small>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text form-control-sm">+62</span>
                            </div>
                            <input type="number" name="hp_ibu" class="form-control form-control-sm" required autofocus placeholder="Nomor Hp Ibu" value="{{isset($siswa)?$siswa->hp_ibu:''}}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">No. WhatsApp Ibu</label>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text form-control form-control-sm">+62</span>
                            </div>
                            @if($daftar_ulang)
                            @if($daftar_ulang->no_wa_ibu)
                            <input type="number" name="no_wa_ibu" class="form-control form-control-sm" placeholder="No. WhatsApp Ayah" value="{{$daftar_ulang->no_wa_ibu}}">
                            @else
                            <input type="number" name="no_wa_ibu" class="form-control form-control-sm" placeholder="No. WhatsApp Ayah" value="{{$siswa->hp_ibu}}">
                            @endif
                            @else
                            <input type="number" name="no_wa_ibu" class="form-control form-control-sm" placeholder="No. WhatsApp Ayah" value="{{isset($siswa)?$siswa->hp_ibu:''}}">
                            @endif
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="form-control-label">Keterangan Ibu</label>
                        <input type="text" name="keterangan_ibu" class="form-control form-control-sm" value="{{isset($daftar_ulang)?$daftar_ulang->keterangan_ibu:''}}" readonly>
                    </div>
                </div>
            </div>
        </div>
        @if(isset($daftar_ulang->nama_wali))
        <div class="col-md-6">
            <div class="card card-info card-outline">
                <div class="card-header"><h4 class="card-title">Data Wali</h4></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">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>
            </div>
        </div>
        @endif
    </div>
    <div class="float-right">
        <a href="/dashboard-wali-kelas#walas-tagihan-siswa" class="btn btn-md btn-outline-info mr-3">Kembali</a>
        <a href="#" class="btn btn-md btn-info btn-data-ortu-save">Simpan Perubahan</a>
    </div>
</div>
@endsection
@push('custom-scripts')
    <script>
        $('.btn-data-ortu-save').on('click', function() {
                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(),
                    hp_ayah: ini.find('input[name=hp_ayah]').val(),
                    no_wa_ayah: ini.find('input[name=no_wa_ayah]').val(),
                    nama_ibu: ini.find('input[name=nama_ibu]').val(),
                    hp_ibu: ini.find('input[name=hp_ibu]').val(),
                    no_wa_ibu: ini.find('input[name=no_wa_ibu]').val(),
                    nama_wali: ini.find('input[name=nama_wali]').val(),
                    no_wa_wali: ini.find('input[name=no_wa_wali]').val(),

                }

                var messages = [];
                if(!post_data.nama_ayah) messages.push("Nama Ayah Tidak boleh kosong!");
                if(!post_data.hp_ayah) messages.push("Nomor HP Ayah Tidak boleh kosong!");
                if(!post_data.no_wa_ayah) messages.push("Nomor WA Ayah Tidak boleh kosong!");
                if(!post_data.nama_ibu) messages.push("Nama Ibu Tidak boleh kosong!");
                if(!post_data.hp_ibu) messages.push("Nomor HP Ibu Tidak boleh kosong!");
                if(!post_data.no_wa_ibu) messages.push("Nomor WA Ibu Tidak boleh kosong!");

                $.each(messages, function(index, value){
                        toast('bg-danger', 'Required', '', value);
                });

                if(!messages.length){
                        var e_modal_wait = $("#modalWait");
                        showLoading(e_modal_wait);
                        
                        $.ajax({
                            url: '/walas-tagihan-siswa/update-data/{{$id_user}}',
                            type: "post",
                            data: post_data
                        })
                        .done(function (result) {
                            var message = result.message;
                            hideLoading(e_modal_wait);
                            if (result.status) {
                                // toast('bg-success', 'Success', '', 'Data pendaftaran berhasil di update');
                                // location.reload();
                                toast('bg-success', 'Success', '', 'Data Orang Tua berhasil diupdate');
                                stepper.next();
                            } else {
                                failedAlert(message);
                            }
                            input_token.val(result.newtoken);
                        })
                        .fail(ajax_fail);
                    }
            })

    </script>
@endpush