@extends('admin.template.layout')
@section('content')
    <div class="row">
        <div class="col-sm-6">
            <div class="card mb-6">
                <div class="card-header" style="background-color: #F87316">
                    <h3 class="card-title text-white">Dokumen Pribadi</h3>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table">
                            <tr>
                                <td class="fw-bold">Kartu Tanda Penduduk</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->ktp)
                                        <button type="button" class="btn btn-success btn-sm btn-download-dokumen"
                                            data-field="ktp">Download</button>
                                    @else
                                        <div class="badge badge-warning">Belum diunggah</div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Kartu Keluarga</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->kk)
                                        <button type="button" class="btn btn-success btn-sm btn-download-dokumen"
                                            data-field="kk">Download</button>
                                    @else
                                        <div class="badge badge-warning">Belum diunggah</div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Akta Kelahiran</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->akta_kelahiran)
                                        <button type="button" class="btn btn-success btn-sm btn-download-dokumen"
                                            data-field="akta_kelahiran">Download</button>
                                    @else
                                        <div class="badge badge-warning">Belum diunggah</div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Ijazah SD</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->ijazah_sd)
                                        <button type="button" class="btn btn-light-warning btn-sm btn-download-dokumen"
                                            data-field="ijazah_sd">Download</button>
                                    @else
                                        <div class="badge badge-warning">
                                            Belum Di Unggah
                                        </div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Ijazah SMP</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->ijazah_smp)
                                        <button type="button" class="btn btn-light-warning btn-sm btn-download-dokumen"
                                            data-field="ijazah_smp">Download</button>
                                    @else
                                        <div class="badge badge-warning">
                                            Belum Di Unggah
                                        </div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Ijazah SMK</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->ijazah_smk)
                                        <button type="button" class="btn btn-light-warning btn-sm btn-download-dokumen"
                                            data-field="ijazah_smk">Download</button>
                                    @else
                                        <div class="badge badge-warning">
                                            Belum Di Unggah
                                        </div>
                                    @endif
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6">
            <div class="card mb-6">
                <div class="card-header" style="background-color: #F87316">
                    <h3 class="card-title text-white">Dokumen Keberangkatan</h3>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table">
                            <tr>
                                <td class="fw-bold">Passport</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->passport)
                                        <button type="button" class="btn btn-success btn-sm btn-download-dokumen"
                                            data-field="passport">Download</button>
                                    @else
                                        <div class="badge badge-warning">Belum diunggah</div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Foto 3x4</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->photo_3x4)
                                        <button type="button" class="btn btn-light-warning btn-sm btn-download-dokumen"
                                            data-field="photo_3x4">Download</button>
                                    @else
                                        <div class="badge badge-warning">
                                            Belum Di Unggah
                                        </div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-bold">MCU</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->mcu)
                                        <button type="button" class="btn btn-success btn-sm btn-download-dokumen"
                                            data-field="mcu">Download</button>
                                    @else
                                        <div class="badge badge-warning">Belum diunggah</div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Kontrak Kerja</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->kontrak_kerja)
                                        <button type="button" class="btn btn-success btn-sm btn-download-dokumen"
                                            data-field="kontrak_kerja">Download</button>
                                    @else
                                        <div class="badge badge-warning">Belum diunggah</div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-bold">CoE</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->coe)
                                        <button type="button" class="btn btn-success btn-sm btn-download-dokumen"
                                            data-field="coe">Download</button>
                                    @else
                                        <div class="badge badge-warning">Belum diunggah</div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Visa</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->visa)
                                        <button type="button" class="btn btn-success btn-sm btn-download-dokumen"
                                            data-field="visa">Download</button>
                                    @else
                                        <div class="badge badge-warning">Belum diunggah</div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Foto Visa 3,5 x 4,5</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->foto_visa)
                                        <button type="button" class="btn btn-light-warning btn-sm btn-download-dokumen"
                                            data-field="foto_visa">Download</button>
                                    @else
                                        <div class="badge badge-warning">Belum Di Unggah</div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-bold">E-Tiket</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->e_tiket)
                                        <button type="button" class="btn btn-success btn-sm btn-download-dokumen"
                                            data-field="e_tiket">Download</button>
                                    @else
                                        <div class="badge badge-warning">Belum diunggah</div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-bold">Terjemahan KK</td>
                                <td align="end">
                                    @if ($data->dokumen && $data->dokumen->terjemahan_kk)
                                        <button type="button" class="btn btn-success btn-sm btn-download-dokumen"
                                            data-field="terjemahan_kk">Download</button>
                                    @else
                                        <div class="badge badge-warning">Belum diunggah</div>
                                    @endif
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            @php
                $dokumen = $data->dokumen;
                $penilaian = $data->penilaianPemantapan;

                $hasCompleteDokumen = $dokumen && $dokumen->coe;
                $hasIncompletePenilaian = !$penilaian;
            @endphp
            <!-- Header Table -->
            <div class="card mt-3 mb-5">
                <div class="card-header"
                    style="background-color: #{{ $hasCompleteDokumen && $hasIncompletePenilaian ? 'F87316' : '198754' }}">
                    <div class="card-title text-white">DATA PENILAIAN DAN PEMANTAPAN SISWA</div>
                    <div class="card-toolbar">
                        @if ($data->dokumen?->sertifikat)
                            <button class="btn btn-success btn-sm" id="btn-sertifikat-siswa"><i
                                    class="ki-duotone ki-exit-down fs-2" download>
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                </i>Download Sertifikat</button>
                        @endif
                    </div>
                </div>
                <div class="card-body">
                    <table class="table table-bordered text-center align-middle">
                        <tr>
                            <td width="15%">NAMA</td>
                            <td width="35%">
                                {{ $data->nama }}
                            </td>
                            <td width="10%"></td>
                            <td>NIS</td>
                            <td>
                                {{ $data->nis }}
                            </td>
                        </tr>
                        <tr>
                            <td>ANGKATAN</td>
                            <td>{{ $data->angkatan ?? '' }}
                            </td>
                            <td></td>
                            <td width="15%">KELAS</td>
                            <td width="25%">
                                {{ $data->kelas ?? '' }}
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <!-- Japanese Language Table -->
            <div class="card mt-3 mb-5">
                <div class="card-header" style="background-color: #F87316">
                    <div class="card-title text-white">Bahasa Jepang 日本語</div>
                </div>
                <div class="card-body p-0">
                    <table class="table table-bordered mb-0">
                        <thead>
                            <tr>
                                <th class="text-center">Material<br>講座内容</th>
                                <th class="text-center">Level I<br>レベル I</th>
                                <th class="text-center">Level II<br>レベル II</th>
                                <th class="text-center">Level III<br>レベル III</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Bunpou 文法</td>
                                <td class="text-center">{{ $data->penilaianLevel(1)?->bunpou ?? '' }}</td>
                                <td class="text-center">{{ $data->penilaianLevel(2)?->bunpou ?? '' }}</td>
                                <td class="text-center">{{ $data->penilaianLevel(3)?->bunpou ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Dokkai 読解</td>
                                <td class="text-center">{{ $data->penilaianLevel(1)?->dokkai ?? '' }}</td>
                                <td class="text-center">{{ $data->penilaianLevel(2)?->dokkai ?? '' }}</td>
                                <td class="text-center">{{ $data->penilaianLevel(3)?->dokkai ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Choukai 聴解</td>
                                <td class="text-center">{{ $data->penilaianLevel(1)?->choukai ?? '' }}</td>
                                <td class="text-center">{{ $data->penilaianLevel(2)?->choukai ?? '' }}</td>
                                <td class="text-center">{{ $data->penilaianLevel(3)?->choukai ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Kaiwa 会話</td>
                                <td class="text-center">{{ $data->penilaianLevel(1)?->kaiwa ?? '' }}</td>
                                <td class="text-center">{{ $data->penilaianLevel(2)?->kaiwa ?? '' }}</td>
                                <td class="text-center">{{ $data->penilaianLevel(3)?->kaiwa ?? '' }}</td>
                            </tr>
                            <tr>
                                <td>Kanji 漢字</td>
                                <td class="text-center">{{ $data->penilaianLevel(1)?->kanji ?? '' }}</td>
                                <td class="text-center">{{ $data->penilaianLevel(2)?->kanji ?? '' }}</td>
                                <td class="text-center">{{ $data->penilaianLevel(3)?->kanji ?? '' }}</td>
                            </tr>
                            <tr>
                                <td><strong>Total 総合点</strong></td>
                                <td class="text-center">{{ $data->calculateTotalScore(1) ?? 0 }}</td>
                                <td class="text-center">{{ $data->calculateTotalScore(2) ?? 0 }}</td>
                                <td class="text-center">{{ $data->calculateTotalScore(3) ?? 0 }}</td>
                            </tr>
                            <tr>
                                <td>Average 平均</td>
                                <td class="text-center">{{ $data->calculateAverageScore(1) ?? '0' }}</td>
                                <td class="text-center">{{ $data->calculateAverageScore(1) ?? '0' }}</td>
                                <td class="text-center">{{ $data->calculateAverageScore(1) ?? '0' }}</td>
                            </tr>
                            <tr>
                                <td>Class Average クラス平均</td>
                                <td class="text-center">{{ $classAverages[1] ?? 0 }}</td>
                                <td class="text-center">{{ $classAverages[2] ?? 0 }}</td>
                                <td class="text-center">{{ $classAverages[3] ?? 0 }}</td>
                            </tr>
                        </tbody>


                    </table>
                </div>
            </div>

            <!-- Additional Subjects Table -->
            <div class="card mt-1 mb-5">
                <div class="card-header" style="background-color: #F87316">
                    <div class="card-title text-white">Materi Tambahan / 追加</div>
                </div>
                <div class="card-body p-0">
                    <table class="table table-bordered mb-0">
                        <thead>
                            <tr>
                                <th class="text-center">Nihon Jijou 日本事情</th>
                                <th class="text-center">Matematika 数学</th>
                                <th class="text-center">Fisik 体力</th>
                                <th class="text-center">Karakter 性格</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="text-center">
                                    {{ $data->penilaianPemantapanMateri?->nihon_jijou ?? '' }}
                                </td>
                                <td class="text-center">
                                    {{ $data->penilaianPemantapanMateri?->matematika ?? '' }}
                                </td>
                                <td class="text-center">
                                    {{ $data->penilaianPemantapanMateri?->fisik ?? '' }}
                                </td>
                                <td class="text-center">
                                    {{ $data->penilaianPemantapanMateri?->karakter ?? '' }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>


            <!-- Teacher Notes Table -->
            <div class="card mt-1 mb-5">
                <div class="card-header" style="background-color: #F87316">
                    <div class="card-title text-white">Catatan Pengajar / Pembimbing</div>
                </div>
                <div class="card-body">
                    <table class="table table-bordered mb-0">
                        <tbody>
                            <tr>
                                <td width="30%">A. Bahasa Jepang</td>
                                <td>
                                    {{ $data->penilaianPemantapanCatatan?->bahasa_jepang ?? '' }}
                                </td>
                            </tr>
                            <tr>
                                <td>B. Nihon Jijou</td>
                                <td>
                                    {{ $data->penilaianPemantapanCatatan?->nihon_jijou ?? '' }}
                                </td>
                            </tr>
                            <tr>
                                <td>C. Matematika</td>
                                <td>
                                    {{ $data->penilaianPemantapanCatatan?->matematika ?? '' }}
                                </td>
                            </tr>
                            <tr>
                                <td>D. Fisik</td>
                                <td>
                                    {{ $data->penilaianPemantapanCatatan?->fisik ?? '' }}
                                </td>
                            </tr>
                            <tr>
                                <td>E. Karakter</td>
                                <td>
                                    {{ $data->penilaianPemantapanCatatan?->karakter ?? '' }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $('#btn-sertifikat-siswa').on('click', function() {
                Swal.fire({
                    title: 'Konfirmasi',
                    text: 'Apakah Anda yakin ingin mengunduh sertifikat?',
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonText: 'Ya',
                    cancelButtonText: 'Tidak'
                }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: `{{ route('dokumen-siswa.sertifikatSiswa') }}`,
                        method: 'POST',
                        data: {
                            _token: $('input[name="_token"]').val(),
                        },
                        xhrFields: {
                            responseType: 'blob'
                        },
                        success: function(response, status, xhr) {
                            var filename = "";
                            var disposition = xhr.getResponseHeader('Content-Disposition');
                            if (disposition && disposition.indexOf('attachment') !== -1) {
                                var filenameRegex = /filename[^;]+/g;
                                var matches = filenameRegex.exec(disposition);
                                if (matches.length === 1) {
                                    filename = matches[0].split('=')[1].trim().replace(/['"]/g,
                                        '');
                                }
                            }
                            var blob = new Blob([response], {
                                type: xhr.getResponseHeader('Content-Type')
                            });
                            if (typeof window.navigator.msSaveBlob !== 'undefined') {
                                // IE workaround for "HTML7007: <blob> download failed: <blob> is not a valid file"
                                window.navigator.msSaveBlob(blob, filename);
                            } else {
                                var URL = window.URL || window.webkitURL;
                                var downloadUrl = URL.createObjectURL(blob);
                                if (filename) {
                                    // use HTML5 a[download] attribute to specify filename
                                    var a = document.createElement("a");
                                    // safari doesn't support this yet
                                    if (typeof a.download === 'undefined') {
                                        window.open(downloadUrl, '_blank');
                                    } else {
                                        a.href = downloadUrl;
                                        a.setAttribute("download", filename);
                                        a.style.display = "none";
                                        document.body.appendChild(a);
                                        a.click();
                                    }
                                    setTimeout(function() {
                                        URL.revokeObjectURL(downloadUrl);
                                    }, 100); // cleanup
                                } else {
                                    window.open(downloadUrl, '_blank');
                                }
                            }
                        },
                        error: function(xhr, status, error) {
                            Swal.fire({
                                title: 'Gagal!',
                                text: xhr.responseJSON.message,
                                icon: 'warning'
                            });
                        }
                    });
                }
                });
            });
        });

        $(document).on('click', '.btn-download-dokumen', function() {
            var id = '{{ $data->id }}';
            var field = $(this).data('field');
            Swal.fire({
                title: 'Konfirmasi',
                text: 'Apakah Anda yakin ingin mengunduh dokumen ' + field.replace(/_/g, ' ') + '?',
                icon: 'question',
                showCancelButton: true,
                confirmButtonText: 'Ya',
                cancelButtonText: 'Tidak'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: `{{ route('dashboard-siswa.dokumen.download', ['id' => ':id', 'field' => ':field']) }}`
                            .replace(':id', id).replace(':field', field),
                        method: 'POST',
                        data: {
                            _token: $('input[name="_token"]').val()
                        },
                        xhrFields: {
                            responseType: 'blob'
                        },
                        success: function(response, status, xhr) {
                            var filename = "";
                            var disposition = xhr.getResponseHeader('Content-Disposition');
                            if (disposition && disposition.indexOf('attachment') !== -1) {
                                var filenameRegex = /filename[^;]+/g;
                                var matches = filenameRegex.exec(disposition);
                                if (matches.length === 1) {
                                    filename = matches[0].split('=')[1].trim().replace(/['"]/g,
                                        '');
                                }
                            }
                            var blob = new Blob([response], {
                                type: xhr.getResponseHeader('Content-Type')
                            });
                            if (typeof window.navigator.msSaveBlob !== 'undefined') {
                                // IE workaround for "HTML7007: <blob> download failed: <blob> is not a valid file"
                                window.navigator.msSaveBlob(blob, filename);
                            } else {
                                var URL = window.URL || window.webkitURL;
                                var downloadUrl = URL.createObjectURL(blob);
                                if (filename) {
                                    // use HTML5 a[download] attribute to specify filename
                                    var a = document.createElement("a");
                                    // safari doesn't support this yet
                                    if (typeof a.download === 'undefined') {
                                        window.open(downloadUrl, '_blank');
                                    } else {
                                        a.href = downloadUrl;
                                        a.setAttribute("download", filename);
                                        a.style.display = "none";
                                        document.body.appendChild(a);
                                        a.click();
                                    }
                                    setTimeout(function() {
                                        URL.revokeObjectURL(downloadUrl);
                                    }, 100); // cleanup
                                } else {
                                    window.open(downloadUrl, '_blank');
                                }
                            }
                        },
                        error: function(xhr, status, error) {
                            Swal.fire({
                                title: 'Gagal!',
                                text: xhr.responseJSON.message,
                                icon: 'warning'
                            });
                        }
                    });
                }
            });
        });
    </script>
@endsection