@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])

    {{-- Tombol Kembali + Aksi --}}
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="d-flex justify-content-between align-items-center">
                <div class="d-flex gap-2">
                    <a href="{{ url($url_menu) }}" class="btn btn-secondary mb-0">
                        <i class="fas fa-circle-left me-1"></i>
                        <span class="font-weight-bold">Kembali</span>
                    </a>
                    <a href="{{ url($url_menu . '/edit/' . $idencrypt) }}" class="btn btn-warning mb-0">
                        <i class="fas fa-pen me-1"></i>
                        <span class="font-weight-bold">Edit</span>
                    </a>
                </div>
                <div class="d-flex gap-2">
                    <button class="btn btn-info mb-0" onclick="downloadPdf()">
                        <i class="fas fa-download me-1"></i>
                        <span class="font-weight-bold">Download PDF</span>
                    </button>
                    <button class="btn btn-primary mb-0" id="btn-download-word" onclick="downloadWord()">
                        <i class="fas fa-file-word me-1"></i>
                        <span class="font-weight-bold">Download Word</span>
                    </button>
                    <button class="btn btn-success mb-0" onclick="printPdf()">
                        <i class="fas fa-print me-1"></i>
                        <span class="font-weight-bold">Print PDF</span>
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4" style="position:relative; z-index:10;">
        <div class="row">
            <div class="col-12">

                {{-- Loading spinner --}}
                <div id="pdf-loading" class="card" style="
                    min-height:500px;
                    display:flex;
                    flex-direction:column;
                    align-items:center;
                    justify-content:center;
                    background:#f8f9fa;
                ">
                    <div class="spinner-border text-primary" style="width:3rem;height:3rem;" role="status"></div>
                    <p class="mt-3 mb-0 text-muted" style="font-size:16px;">Memuat preview PDF...</p>
                </div>

                {{-- iFrame — PDF asli di-render oleh browser --}}
                <iframe
                    id="pdf-iframe"
                    style="
                        display:none;
                        width:100%;
                        height:85vh;
                        border:none;
                        border-radius:8px;
                        box-shadow:0 4px 20px rgba(0,0,0,0.15);
                    "
                ></iframe>

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

@endsection

{{-- ── Download Word: modal, loader, & fungsi (file terpisah) ──────────────── --}}
@include('transc.trsika.downloadWord')

@push('js')
<script>
    // ── Data dari Laravel ─────────────────────────────────────────────────────
    const namaCatering = @json($sidak->nama_catering);
    const tanggalSidak = @json(date('d-m-Y', strtotime($sidak->tanggal_sidak)));
    const auditor      = @json($sidak->auditor);

    @php
        $totalPoint = 0;
        foreach ($pertanyaans as $p) { $totalPoint += (float) $p->bobot; }

        $resizeImageToBase64 = function($path, $maxWidth = 250) {
            if (!file_exists($path)) return null;
            $info = @getimagesize($path);
            if (!$info) return null;
            $mime = $info['mime'];
            if (!in_array($mime, ['image/jpeg', 'image/png'])) return null;

            $width  = $info[0];
            $height = $info[1];

            if ($width <= $maxWidth) {
                return 'data:' . $mime . ';base64,' . base64_encode(file_get_contents($path));
            }

            $ratio     = $maxWidth / $width;
            $newHeight = round($height * $ratio);
            $thumb     = imagecreatetruecolor($maxWidth, $newHeight);

            if ($mime == 'image/png') {
                imagealphablending($thumb, false);
                imagesavealpha($thumb, true);
                $transparent = imagecolorallocatealpha($thumb, 255, 255, 255, 127);
                imagefilledrectangle($thumb, 0, 0, $maxWidth, $newHeight, $transparent);
                $source = @imagecreatefrompng($path);
            } else {
                $source = @imagecreatefromjpeg($path);
            }

            if (!$source) return null;

            imagecopyresampled($thumb, $source, 0, 0, 0, 0, $maxWidth, $newHeight, $width, $height);

            ob_start();
            if ($mime == 'image/png') {
                imagepng($thumb, null, 6);
            } else {
                imagejpeg($thumb, null, 60);
            }
            $imageData = ob_get_clean();

            imagedestroy($thumb);
            imagedestroy($source);

            return 'data:' . $mime . ';base64,' . base64_encode($imageData);
        };

        $rowsPenilaianJson = $pertanyaans->values()->map(function ($item, $index) use ($resizeImageToBase64) {
            $temuanBase64 = null;
            // Gambar HANYA ditampilkan jika bobot/point = 1
            if ($item->file_gambar_temuan && $item->bobot == 1) {
                $path = storage_path('app/public/temuan/' . $item->file_gambar_temuan);
                $temuanBase64 = $resizeImageToBase64($path, 250);
            }

            return [
                'no'         => $index + 1,
                'kategori'   => strtoupper($item->kategori_pertanyaan),
                'pertanyaan' => $item->pertanyaan,
                'bobot'      => $item->bobot ?: 'Belum dilihat',
                'temuan'     => $temuanBase64,
            ];
        });
        $kriteriaNilaiJson = $kriteria_nilai->values()->map(function ($k, $i) {
            return [
                'no'         => $i + 1,
                'keterangan' => $k->keterangan,
                'min'        => $k->min,
                'max'        => $k->max,
            ];
        });
        $logoBase64 = '';
        $logoFile   = storage_path('app/public/HEADER Formal 1 MSJ.png');
        if (file_exists($logoFile)) {
            $logoBase64 = 'data:image/png;base64,' . base64_encode(file_get_contents($logoFile));
        }
    @endphp

    const rowsPenilaian = @json($rowsPenilaianJson);
    const kriteriaNilai = @json($kriteriaNilaiJson);
    const logoBase64    = @json($logoBase64);
    const totalPoint    = @json($totalPoint);

    // ── Bangun definisi dokumen pdfmake ───────────────────────────────────────
    function buildDocDefinition() {

        // Baris tabel penilaian
        const tableBody = [[
            { text: 'No',              style: 'th', alignment: 'center' },
            { text: 'Aspek Penilaian', style: 'th', alignment: 'center' },
            { text: 'Point',           style: 'th', alignment: 'center' },
            { text: 'Temuan',          style: 'th', alignment: 'center' },
        ]];

        let curKategori = '';
        rowsPenilaian.forEach(function (row) {
            if (row.kategori !== curKategori) {
                curKategori = row.kategori;
                tableBody.push([
                    { text: row.kategori, colSpan: 4, bold: true, fillColor: '#e2e2e2', fontSize: 9 },
                    {}, {}, {}
                ]);
            }

            let temuanCol = row.temuan ? { image: row.temuan, width: 60, alignment: 'center' } : { text: '-', alignment: 'center' };

            tableBody.push([
                { text: row.no,         alignment: 'center', fontSize: 9 },
                { text: row.pertanyaan, fontSize: 9 },
                { text: row.bobot,      alignment: 'center', fontSize: 9 },
                temuanCol,
            ]);
        });

        tableBody.push([
            { text: 'Jumlah point', colSpan: 2, bold: true, alignment: 'right', fontSize: 9 },
            {},
            { text: String(totalPoint), bold: true, alignment: 'center', fontSize: 9 },
            { text: '', colSpan: 1 }
        ]);

        // Kriteria nilai
        let kriteriaTeks = 'Nilai : ';
        kriteriaNilai.forEach(function (k, i) {
            kriteriaTeks += '(' + k.no + ') ' + k.keterangan;
            if (i < kriteriaNilai.length - 1) kriteriaTeks += '  ';
        });
        kriteriaTeks += '\n';
        kriteriaNilai.forEach(function (k, i) {
            kriteriaTeks += k.keterangan + ' (' + k.min + '-' + k.max + ')';
            if (i < kriteriaNilai.length - 1) kriteriaTeks += ', ';
        });

        return {
            pageSize: 'A4',
            pageMargins: [40, 20, 40, 30],

            content: [
                // Logo
                logoBase64
                    ? { image: logoBase64, width: 160, alignment: 'center', margin: [0, -40, 0, -40] }
                    : { text: 'PT MULTI SPUNINDO JAYA Tbk', bold: true, alignment: 'center', margin: [0, 0, 0, 0] },

                // Judul
                {
                    text: 'STANDART KELAIKAN FISIK UNTUK HYGIENE SANITASI MAKANAN JASABOGA',
                    style: 'docTitle',
                    margin: [0, 0, 0, 10],
                },

                // Info header
                {
                    columns: [
                        {
                            width: '60%',
                            stack: [
                                { columns: [
                                    { text: 'Nama Catering', bold: true, width: 82, fontSize: 9 },
                                    { text: ':',             bold: true, width: 8,  fontSize: 9 },
                                    { text: namaCatering,    bold: true, fontSize: 9 },
                                ], margin: [0, 0, 0, 2] },
                                { columns: [
                                    { text: 'Tanggal Sidak', bold: true, width: 82, fontSize: 9 },
                                    { text: ':',             bold: true, width: 8,  fontSize: 9 },
                                    { text: tanggalSidak,    bold: true, fontSize: 9 },
                                ] },
                            ]
                        },
                        {
                            width: '40%',
                            text: 'Auditor : ' + auditor,
                            bold: true, fontSize: 9, alignment: 'right',
                        }
                    ],
                    margin: [0, 0, 0, 10],
                },

                // Tabel penilaian
                {
                    table: {
                        dontBreakRows: true,
                        widths: ['5%', '*', '10%', '20%'],
                        body: tableBody,
                    },
                    layout: {
                        hLineWidth: function () { return 0.5; },
                        vLineWidth: function () { return 0.5; },
                        hLineColor: function () { return '#000000'; },
                        vLineColor: function () { return '#000000'; },
                    },
                    margin: [0, 0, 0, 10],
                },

                // Kriteria nilai
                { text: kriteriaTeks, bold: true, fontSize: 9, margin: [0, 0, 0, 20] },

                // Tanda tangan
                {
                    unbreakable: true,
                    columns: [
                        { width: '50%', stack: [
                            { text: 'HRD & GA', bold: true, fontSize: 10, alignment: 'center' },
                            { text: '\n\n\n\n' },
                            { text: '(                                       )', alignment: 'center', fontSize: 9 },
                        ]},
                        { width: '50%', stack: [
                            { text: 'Medic', bold: true, fontSize: 10, alignment: 'center' },
                            { text: '\n\n\n\n' },
                            { text: '(                                       )', alignment: 'center', fontSize: 9 },
                        ]},
                    ]
                },
            ],

            styles: {
                docTitle: { bold: true, fontSize: 11, alignment: 'center' },
                th: { bold: true, fontSize: 9, fillColor: '#d0d0d0' },
            },

            defaultStyle: { font: 'Roboto', fontSize: 9 },
        };
    }

    // ── Render PDF ke iframe saat halaman siap ────────────────────────────────
    document.addEventListener('DOMContentLoaded', function () {
        pdfMake.createPdf(buildDocDefinition()).getDataUrl(function (dataUrl) {
            const iframe  = document.getElementById('pdf-iframe');
            const loading = document.getElementById('pdf-loading');
            iframe.src           = dataUrl;
            iframe.style.display = 'block';
            loading.style.display = 'none';
        });
    });

    // ── Aksi tombol PDF ───────────────────────────────────────────────────────
    function downloadPdf() {
        const slug = namaCatering.replace(/\s+/g, '_');
        pdfMake.createPdf(buildDocDefinition()).download('Sidak_Katering_' + slug + '_' + tanggalSidak + '.pdf');
    }

    function printPdf() {
        pdfMake.createPdf(buildDocDefinition()).print();
    }
</script>
@endpush