@extends('siswa.master')
@section('title', 'Data Orang Tua')
@section('content')
    <div class="main-container">
        <div class="pd-ltr-20 xs-pd-20-10">
            <div class="min-height-200px">
                <div class="page-header">
                    <div class="title">
                        <h4>Data Siswa</h4>
                    </div>
                    <nav aria-label="breadcrumb" role="navigation">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item active" aria-current="page">
                                Data Siswa
                            </li>
                        </ol>
                    </nav>
                </div>
                <div class="alert alert-info">
                    Anda Dapat Mengubah <b>DATA ORANG TUA</b> Jika Masih Terdapat Kesalahan Input
                </div>
                <div class="card">
                    <form id="updateForm">
                        @csrf
                        <section>
                            <div class="card-header bg-success text-white">
                                DATA AYAH
                            </div>
                            <div class="card-body">
                                <div class="form-group">
                                    <label>NIK Ayah</label>
                                    <input type="number" {{ $form_ayah_disabled ? 'readonly' : '' }}
                                        placeholder="Masukkan NIK Ayah" class="form-control " name="nik_ayah"
                                        value="{{ $data_ortu?->nik_ayah }}" />
                                    <small class="form-text text-muted">
                                        <i>
                                            Panjang NIK Ayah Harus 16 Digit
                                        </i>
                                    </small>
                                </div>
                                <div class="form-group">
                                    <label>Nama Ayah <span class="text-danger">*</span></label>
                                    <input type="text" placeholder="Masukkan Nama Ayah" class="form-control "
                                        name="nama_ayah" required value="{{ $data_ortu?->nama_ayah }}" />
                                </div>
                                <div class="form-group">
                                    <label>Status Ayah <span class="text-danger">*</span></label>
                                    <select name="status_ayah" required class="form-control" id="">
                                        <option value="">- PILIH STATUS AYAH -</option>
                                        @foreach ($status as $s)
                                            <option {{ $s == $data_ortu?->status_ayah ? 'selected' : '' }}
                                                value="{{ $s }}">- {{ str_replace('_', ' ', ucfirst($s)) }} -
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label
                                        id="labelNoHpAyah">{{ $form_ayah_disabled ? 'NoHP Orangtua/Wali' : 'NoHp Ayah' }}<span
                                            class="text-danger">*</span></label>
                                    <input type="number" placeholder="Masukkan Nomor HP" class="form-control "
                                        name="no_hp_ayah" value="{{ $data_ortu?->no_hp_ayah }}" required />
                                    <small class="form-text text-muted">
                                        <i> Masukkan NoHP Orangtua/Wali (informasi login akun siswa akan diinfokan via
                                            whatsapp) </i>
                                    </small>
                                </div>
                                <div class="form-group">
                                    <label>Tempat Lahir Ayah</label>
                                    <input type="text" placeholder="Tempat Lahir Ayah"
                                        {{ $form_ayah_disabled ? 'readonly' : '' }}
                                        value="{{ $data_ortu?->tempat_lahir_ayah }}" class="form-control "
                                        name="tempat_lahir_ayah" />
                                </div>
                                <div class="form-group">
                                    <label>Tanggal Lahir Ayah</label>
                                    <input type="date" class="form-control " {{ $form_ayah_disabled ? 'readonly' : '' }}
                                        value="{{ $data_ortu?->tanggal_lahir_ayah }}" name="tanggal_lahir_ayah" />
                                </div>
                                <div class="form-group">
                                    <label>Pendidikan Terakhir Ayah </label>
                                    <select name="pendidikan_terakhir_ayah" {{ $form_ayah_disabled ? 'disabled' : '' }}
                                        class="form-control" id="">
                                        <option value="">- PILIH PENDIDIKAN TERAKHIR AYAH -</option>
                                        @foreach ($pendidikan as $p)
                                            <option {{ $p == $data_ortu?->pendidikan_terakhir_ayah ? 'selected' : '' }}
                                                value="{{ $p }}">- {{ ucfirst($p) }} -</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>Pekerjaan Ayah</label>
                                    <select {{ $form_ayah_disabled ? 'disabled' : '' }} name="pekerjaan_ayah_id"
                                        class="form-control" id="">
                                        <option value="">- PILIH PEKERJAAN AYAH -</option>
                                        @foreach ($pekerjaan as $p)
                                            <option {{ $p->id == $data_ortu?->pekerjaan_ayah_id ? 'selected' : '' }}
                                                value="{{ $p->id }}">- {{ ucfirst($p?->nama) }} -</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>Penghasilan Ayah</label>
                                    <select {{ $form_ayah_disabled ? 'disabled' : '' }} name="penghasilan_ayah"
                                        class="form-control" id="">
                                        <option value="">- PILIH PENGHASILAN AYAH -</option>
                                        @foreach ($penghasilan as $p)
                                            <option {{ $p == $data_ortu?->penghasilan_ayah ? 'selected' : '' }}
                                                value="{{ $p }}">- {{ ucfirst($p) }} -</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="card-header bg-success text-white">
                                DATA IBU
                            </div>
                            <div class="card-body">
                                <div class="form-group">
                                    <label>NIK Ibu</label>
                                    <input {{ $form_ibu_disabled ? 'readonly' : '' }} type="number"
                                        value="{{ $data_ortu?->nik_ibu }}" placeholder="Masukkan NIK Ibu"
                                        class="form-control " name="nik_ibu" />
                                    <small class="form-text text-muted">
                                        <i>
                                            Panjang NIK Ibu Harus 16 Digit
                                        </i>
                                    </small>
                                </div>
                                <div class="form-group">
                                    <label>Nama Ibu <span class="text-danger">*</span></label>
                                    <input type="text" value="{{ $data_ortu?->nama_ibu }}"
                                        placeholder="Masukkan Nama Ibu" class="form-control " name="nama_ibu" required />
                                </div>
                                <div class="form-group">
                                    <label>Status Ibu <span class="text-danger">*</span></label>
                                    <select name="status_ibu" required class="form-control" id="">
                                        <option value="">- PILIH STATUS IBU -</option>
                                        @foreach ($status as $s)
                                            <option {{ $s == $data_ortu?->status_ibu ? 'selected' : '' }}
                                                value="{{ $s }}">- {{ str_replace('_', ' ', ucfirst($s)) }} -
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>NoHp Ibu</label>
                                    <input {{ $form_ibu_disabled ? 'readonly' : '' }} type="number"
                                        value="{{ $data_ortu?->no_hp_ibu }}" placeholder="Masukkan Nomor HP Ibu"
                                        class="form-control " name="no_hp_ibu" />
                                </div>
                                <div class="form-group">
                                    <label>Tempat Lahir Ibu</label>
                                    <input {{ $form_ibu_disabled ? 'readonly' : '' }} type="text"
                                        value="{{ $data_ortu?->tempat_lahir_ibu }}" placeholder="Tempat Lahir Ibu"
                                        class="form-control " name="tempat_lahir_ibu" />
                                </div>
                                <div class="form-group">
                                    <label>Tanggal Lahir Ibu</label>
                                    <input {{ $form_ibu_disabled ? 'readonly' : '' }} type="date" class="form-control"
                                        value="{{ $data_ortu?->tanggal_lahir_ibu }}" name="tanggal_lahir_ibu" />
                                </div>
                                <div class="form-group">
                                    <label>Pendidikan Terakhir Ibu </label>
                                    <select {{ $form_ibu_disabled ? 'disabled' : '' }} name="pendidikan_terakhir_ibu"
                                        class="form-control" id="">
                                        <option value="">- PILIH PENDIDIKAN TERAKHIR IBU -</option>
                                        @foreach ($pendidikan as $p)
                                            <option {{ $p == $data_ortu?->pendidikan_terakhir_ibu ? 'selected' : '' }}
                                                value="{{ $p }}">- {{ ucfirst($p) }} -</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>Pekerjaan Ibu</label>
                                    <select {{ $form_ibu_disabled ? 'disabled' : '' }} name="pekerjaan_ibu_id"
                                        class="form-control" id="">
                                        <option value="">- PILIH PEKERJAAN IBU -</option>
                                        @foreach ($pekerjaan as $p)
                                            <option {{ $p->id == $data_ortu?->pekerjaan_ibu_id ? 'selected' : '' }}
                                                value="{{ $p->id }}">- {{ ucfirst($p?->nama) }} -</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>Penghasilan Ibu</label>
                                    <select {{ $form_ibu_disabled ? 'disabled' : '' }} name="penghasilan_ibu"
                                        class="form-control" id="">
                                        <option value="">- PILIH PENGHASILAN IBU -</option>
                                        @foreach ($penghasilan as $p)
                                            <option value="{{ $p }}"
                                                {{ $p == $data_ortu?->penghasilan_ibu ? 'selected' : '' }}>-
                                                {{ ucfirst($p) }} -</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </section>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary btn-block">
                                Update Data Ortu
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <br><br><br>
    <script>
        $('#updateForm').submit(function(e) {
            e.preventDefault();
            var formData = new FormData(this);
            $.ajax({
                type: 'POST',
                url: "{{ url('siswa/data-ortu') }}",
                data: formData,
                processData: false,
                contentType: false,
                beforeSend: function() {
                    $.LoadingOverlay("show", {
                        image: "",
                        fontawesome: "fa fa-cog fa-spin"
                    });
                },
                complete: function() {
                    $.LoadingOverlay("hide", {
                        image: "",
                        fontawesome: "fa fa-cog fa-spin"
                    });
                },
                success: function(data) {
                    if (data.status) {
                        swal('Pendaftaran Diupdate', data.message, "success")
                            .then((result) => {
                                location.reload();
                            });
                    } else {
                        swal('Gagal Update', data.message, "error");
                    }
                },
                error: function(xhr, status, error) {
                    alert('Terjadi Kesalahan');
                    console.log(xhr.responseText);
                }
            });
        });

        $("select[name='status_ayah']").change(function() {
            if ($(this).val() == "MASIH_HIDUP") {
                $('#labelNoHpAyah').text('NoHp Ayah');
                $("input[name='nik_ayah']").prop('readonly', false);
                $("input[name='tempat_lahir_ayah']").prop('readonly', false);
                $("input[name='tanggal_lahir_ayah']").prop('readonly', false);
                $("select[name='pendidikan_terakhir_ayah']").prop('disabled', false);
                $("select[name='pekerjaan_ayah_id']").prop('disabled', false);
                $("select[name='penghasilan_ayah']").prop('disabled', false);
            } else {
                $('#labelNoHpAyah').text('NoHP Orangtua/Wali');
                $("input[name='nik_ayah']").prop('readonly', true);
                $("input[name='tempat_lahir_ayah']").prop('readonly', true);
                $("input[name='tanggal_lahir_ayah']").prop('readonly', true);
                $("select[name='pendidikan_terakhir_ayah']").prop('disabled', true);
                $("select[name='pekerjaan_ayah_id']").prop('disabled', true);
                $("select[name='penghasilan_ayah']").prop('disabled', true);

                $("input[name='nik_ayah']").val('');
                $("input[name='tempat_lahir_ayah']").val('');
                $("input[name='tanggal_lahir_ayah']").val('');
                $("select[name='pendidikan_terakhir_ayah']").val('')
                $("select[name='pekerjaan_ayah_id']").val('');
                $("select[name='penghasilan_ayah']").val('');
            }
        });

        $("select[name='status_ibu']").change(function() {
            if ($(this).val() == "MASIH_HIDUP") {
                $("input[name='nik_ibu']").prop('readonly', false);
                $("input[name='tempat_lahir_ibu']").prop("readonly", false);
                $("input[name='tanggal_lahir_ibu']").prop("readonly", false);
                $("select[name='pendidikan_terakhir_ibu']").prop("disabled", false);
                $("select[name='pekerjaan_ibu_id']").prop("disabled", false);
                $("select[name='penghasilan_ibu']").prop("disabled", false);
                $("input[name='no_hp_ibu']").prop("readonly", false);

            } else {
                $("input[name='nik_ibu']").prop('readonly', true);
                $("input[name='tempat_lahir_ibu']").prop("readonly", true);
                $("input[name='tanggal_lahir_ibu']").prop("readonly", true);
                $("select[name='pendidikan_terakhir_ibu']").prop("disabled", true);
                $("select[name='pekerjaan_ibu_id']").prop("disabled", true);
                $("select[name='penghasilan_ibu']").prop("disabled", true);
                $("input[name='no_hp_ibu']").prop("readonly", true);

                $("input[name='nik_ibu']").val('');
                $("input[name='tempat_lahir_ibu']").val('');
                $("input[name='tanggal_lahir_ibu']").val('');
                $("select[name='pendidikan_terakhir_ibu']").val('');
                $("select[name='pekerjaan_ibu_id']").val('');
                $("select[name='penghasilan_ibu']").val('');
                $("input[name='no_hp_ibu']").val('');
            }
        });
    </script>
@endsection