@extends('siswa.master')
@section('title', 'Data Siswa')
@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-success" role="alert">
                    <h4 class="alert-heading">Perhatian !!</h4>
                    <ol class="mt-2">
                        <li>Jika calon siswa merupakan penerima bantuan <b>KIP</b> silahkan <b>UPLOAD FILE KIP</b> calon
                            siswa</li>
                        <li>Lengkapi <b>NOMOR KK</b>, <b>NAMA KEPALA KELUARGA</b> dan <b>AKTA LAHIR CALON SISWA</b></li>
                        <li>Jika ada kesalahan input silahkan <b>UBAH FORM PENDAFTARAN DIBAWAH</b></li>
                    </ol>
                </div>
                <div class="card">
                    <form id="updateForm">
                        @csrf
                        <div class="card-header bg-success text-white">
                            DATA SISWA
                        </div>
                        <div class="card-body">
                            <section>
                                <div class="form-group">
                                    <label>NISN Siswa <span class="text-danger">*</span></label>
                                    <input type="number" name="nisn_siswa" value="{{ $data_siswa?->nisn_siswa }}"
                                        class="form-control" />
                                    <small class="form-text text-muted">
                                        <i>Panjang NISN Siswa 10 Digit</i>
                                    </small>
                                </div>
                                <div class="form-group">
                                    <label>Nama Siswa <span class="text-danger">*</span></label>
                                    <input type="text" name="nama_siswa" value="{{ $data_siswa?->nama_siswa }}"
                                        class="form-control" />
                                </div>
                                <div class="form-group">
                                    <label>NIK Siswa <span class="text-danger">*</span></label>
                                    <input type="number" value="{{ $data_siswa?->nik_siswa }}" readonly
                                        class="form-control" />
                                    <small class="form-text text-muted">
                                        <i>Panjang NIK Siswa 16 Digit, Jika Ingin Mengubah NIK Siswa harus menghubungi
                                            petugas</i>
                                    </small>
                                </div>
                                <div class="form-group">
                                    <label>Tempat Lahir <span class="text-danger">*</span></label>
                                    <input type="text" value="{{ $data_siswa?->tempat_lahir }}" class="form-control"
                                        placeholder="Masukkan Tempat Lahir" name="tempat_lahir" required />
                                </div>
                                <div class="form-group">
                                    <label>Tanggal Lahir <span class="text-danger">*</span></label>
                                    <input type="date" value="{{ $data_siswa?->tanggal_lahir }}" class="form-control"
                                        name="tanggal_lahir" required />
                                </div>
                                <div class="form-group">
                                    <label>Jenis Kelamin <span class="text-danger">*</span></label>
                                    <div class="custom-control custom-radio mb-5">
                                        <input type="radio" id="customRadio1" checked name="jenis_kelamin"
                                            value="LAKI_LAKI"
                                            {{ $data_siswa?->jenis_kelamin == 'LAKI_LAKI' ? 'checked' : '' }}
                                            class="custom-control-input" />
                                        <label class="custom-control-label" for="customRadio1">Laki Laki</label>
                                    </div>
                                    <div class="custom-control custom-radio mb-5">
                                        <input type="radio" id="customRadio2" name="jenis_kelamin"
                                            {{ $data_siswa?->jenis_kelamin == 'PEREMPUAN' ? 'checked' : '' }}
                                            value="PEREMPUAN" class="custom-control-input" />
                                        <label class="custom-control-label" for="customRadio2">Perempuan</label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>Agama Siswa <span class="text-danger">*</span></label>
                                    <select required class="form-control" name="agama" id="">
                                        <option value="">- PILIH AGAMA SISWA -</option>
                                        @foreach ($agama as $a)
                                            <option {{ $data_siswa?->agama == $a ? 'selected' : '' }}
                                                value="{{ $a }}">- {{ $a }} -</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>Jumlah Saudara <span class="text-danger">*</span></label>
                                    <input type="number" value="{{ $data_siswa?->jumlah_saudara }}"
                                        placeholder="Masukkan Jumlah Saudara" class="form-control" name="jumlah_saudara"
                                        required />
                                </div>
                                <div class="form-group">
                                    <label>Urutan Anak <span class="text-danger">*</span></label>
                                    <input type="number" value="{{ $data_siswa?->urutan_anak }}"
                                        placeholder="Masukkan Urutan Anak" class="form-control" name="urutan_anak"
                                        required />
                                </div>
                                <div class="form-group">
                                    <label>Cita-Cita <span class="text-danger">*</span></label>
                                    <select required class="form-control" name="cita_cita_id" id="">
                                        <option value="">- PILIH CITA CITA CALON SISWA -</option>
                                        @foreach ($cita_cita as $c)
                                            <option {{ $data_siswa?->cita_cita_id == $c->id ? 'selected' : '' }}
                                                value="{{ $c->id }}">- {{ $c->nama }} -</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>Hobi <span class="text-danger">*</span></label>
                                    <select required class="form-control" name="hobi_id" id="">
                                        <option value="">- PILIH HOBI CALON SISWA -</option>
                                        @foreach ($hobi as $h)
                                            <option {{ $data_siswa?->hobi_id == $h?->id ? 'selected' : '' }}
                                                value="{{ $h->id }}">- {{ $h->nama }} -</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>Penyakit yang Biasa Diderita <span class="text-danger">*</span></label>
                                    <select required class="form-control" name="penyakit_id" id="">
                                        <option value="">- PILIH PENYAKIT YANG BIASA DIDERITA CALON SISWA -</option>
                                        @foreach ($penyakit as $p)
                                            <option {{ $data_siswa?->penyakit_id == $p->id ? 'selected' : '' }}
                                                value="{{ $p->id }}">- {{ $p->nama }} -</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>Ukuran Baju <span class="text-danger">*</span></label>
                                    <select required class="form-control" name="ukuran_baju" id="">
                                        <option value="">- PILIH UKURAN BAJU CALON SISWA -</option>
                                        @foreach ($baju as $b)
                                            <option {{ $b == $data_siswa?->ukuran_baju ? 'selected' : '' }}
                                                value="{{ $b }}">- {{ $b }} -</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>Ukuran Celana <span class="text-danger">*</span></label>
                                    <input type="number" value="{{ $data_siswa?->ukuran_celana }}" name="ukuran_celana"
                                        class="form-control" required placeholder="Masukkan Ukuran Celana"
                                        id="">
                                    <small class="form-text text-muted">
                                        <i> Hanya Bisa Diisi dengan 2 Digit Angka </i>
                                    </small>
                                </div>
                                <div class="form-group">
                                    <label>File Akta Lahir <span class="text-danger">*</span></label>
                                    <input type="file" name="file_akta_lahir" required
                                        class="form-control-file form-control height-auto" accept="image/*,.pdf"
                                        id="">
                                    <small class="form-text text-muted">
                                        <a href="#"
                                            data-file="{{ url('assets/file_akta_lahir/' . $data_siswa?->file_akta_lahir) }}"
                                            data-title="Preview Akta Lahir" class="prev">
                                            <i>
                                                Lihat File Akta Lahir
                                            </i>
                                        </a>
                                    </small>
                                    <small class="form-text text-muted">
                                        <i> Maksimum ukuran file 2mb </i>
                                    </small>
                                </div>

                            </section>
                        </div>
                        <div class="card-header bg-success text-white">
                            FORM KARTU KELUARGA
                        </div>
                        <div class="card-body">
                            <div class="form-group">
                                <label>Nomor Kartu Keluarga (KK)</label>
                                <input type="number" value="{{ $data_siswa?->no_kk }}" name="no_kk"
                                    class="form-control" placeholder="Masukkan Nomor Kartu Keluarga" id="">
                            </div>
                            <div class="form-group">
                                <label>Nama Kepala Keluarga</label>
                                <input type="text" value="{{ $data_siswa?->nama_kepala_keluarga }}"
                                    name="nama_kepala_keluarga" class="form-control"
                                    placeholder="Masukkan Nama Kepala Keluarga" id="">
                            </div>
                            <div class="form-group">
                                <label>File Kartu Keluarga (KK) <span class="text-danger">*</span></label>
                                <input type="file" name="file_kk" class="form-control-file form-control height-auto"
                                    accept="image/*,.pdf" id="">
                                <small class="form-text text-muted">
                                    <a href="#" class="show-file"><i>Lihat File KK</i></a>
                                </small>
                                <small class="form-text text-muted">
                                    <i> Maksimum ukuran file 2mb </i>
                                </small>
                            </div>
                        </div>
                        <div class="card-header bg-success text-white">
                            FORM UPLOAD KIP
                        </div>
                        <div class="card-body">
                            <div class="form-group">
                                <label>Nomor KIP <span class="text-danger">*</span></label>
                                <input type="text" name="no_kip" value="{{ $data_siswa?->no_kip }}"
                                    class="form-control" />
                            </div>
                            <div class="form-group">
                                <label>File KIP <span class="text-danger">*</span></label>
                                <input type="file" name="file_kartu_kip" class="form-control" />
                                @if ($data_siswa?->file_kartu_kip != null)
                                    <small class="form-text text-muted">
                                        <a href="#" data-title="Preview File KIP"
                                            data-file="{{ url('assets/file_kip/' . $data_siswa?->file_kartu_kip) }}"
                                            class="prev"><i>Lihat File Kartu KIP</i></a>
                                    </small>
                                @endif
                            </div>
                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary btn-block">
                                Update Data Siswa
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <br><br><br>
    <x-preview-file-modal urlFile="{{ url('assets/file_kk/' . $data_siswa?->file_kk) }}" />
    <script>
        $('#updateForm').submit(function(e) {
            e.preventDefault();
            var formData = new FormData(this);
            $.ajax({
                type: 'POST',
                url: "{{ url('siswa/data-siswa') }}",
                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);
                }
            });
        });
    </script>
    <div class="modal fade" id="prevModals" tabindex="-1" aria-labelledby="prevModals" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="prevModalsText"></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="text-center">
                        <div id="mypdfs"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $('.prev').click(function(e) {
            e.preventDefault();
            var file = $(this).data('file');
            var title = $(this).data('title');
            $('#prevModalsText').text(title);
            PDFObject.embed(file, "#mypdfs", {
                height: "700px"
            });
            $('#prevModals').modal('show');
        });
    </script>

@endsection